再度質問失礼します。テーブルの1コマに入る文字数って・・・

質問

お邪魔します。何度もお恥ずかしい質問ばかり申し訳ありませんがどうかお付き合い下さい。

　テーブルを作成していて困っていることがあります。それは、一つのコマの中に入る文字数が限られてしまうことです。上手く伝わると良いのですが・・・、

　テーブルの縦を二列にしていてその一列目に入る文字が中途半端なところで切れてしまうんです。

　山田太
　　郎　　　みたいに・・・。

　何故、山田太郎と繋がって入れられないのでしょうか？ちなみにテーブル設定は・・・、

　<table border="1" cellspacing="0" cellpadding="3" align="center" width="600">で、
<tr><th>XXX</th>
<td>XXXXX</td>
</tr>　といったカタチですが・・・。別にコレといって自分では何故一列目の幅が異様に狭くて改行がはやい？のかわかりません（汗）

　ご指摘よろしくお願いします・・・m(_ _)m

回答No.2

hinatamama · ベストアンサー

確かに、<td nowrap>で改行させないようにしたり、<td width="">で幅を指定することもできますが、
これらは、HTML4.0および4.01で非推奨（Deprecated）の要素＆属性ですので、

<td style="width:100px;white-space: nowrap">山田太郎</td>

というようにスタイルシートを使った方が、
バリアフリーなページになります。

<table width="600">
<tr><td>一列目</td><td>二列目</td></tr>
</table>

で、一列目が異様に狭いのは、二列目の中身が、600pxのうちのほとんどを占めているからです。
同じ幅にしたいのなら、

<td style="width:50%">または、
<td style="width:300px">

と記述します。

widthの指定より長くても文字が回りこまないようにするには、

<td style="white-space: nowrap">と記述します。

※<table border="1" cellspacing="0" cellpadding="3" align="center" width="600">
は、
<table border="1" cellspacing="0" cellpadding="3" align="center" style="width:600px"にした方が良いです。

お礼

hinatamamaサマ！またのご回答大変恐縮です(^～^;)本当にお世話になりっぱなしですね・・・。感謝です♪

　hinatamamaサマの仰るとおりスタイルシートににしたらすごく見やすくなりました！！ほぼ、推奨環境の制限を受けることなくキレイに文字が入りました♪

　自分の打ったタグについての勉強不足・浅さも身に染みて、もっとお勉強しなければと思いました（汗）でも、ご指摘いただけて詳しい理由も書いて下さって、アドバイスまでいただけて本当に嬉しいです！

　書いてくださったタグすべてに挑戦してみてどんな風になるのか実際に勉強します。

　本当にお世話になります。今回もありがとうございました★

回答No.1

shy00

・<th>や<td>にもwidth指定をする
・nowrapを使用する（強制的に改行をなくす）

など方法はあると思います
ただし、人によりブラウザーのサイズは違ってきます
ですので、あまりwidth指定はしない方がいいかと・・・

お礼

ご回答ありがとうございます。

　簡潔でわかりやすく参考になりました。

　ただ、ご指摘の通り、自分で気持ちよくテーブル設定しても見てくださる人の環境を考えるとやはり注意しないといけませんね（汗）

　助かりました。。ありがとうございました★