- ベストアンサー
<table>の幅の設定のことでの疑問
HTMLに関しては素人です。 HTMLで例えば下記のように表を記述する時 <table border='1' width='300'> <tr> <td>●●●●● </td> </tr> </table> ●●●●●のところに英数半角の文字を 「aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa…」 こんな感じでこの倍くらい続けて書いて、ブラウザで表示すると 設定した幅が無視されて横に果てしなく続いてしまいます。 「英数半角」ではなく「ひらがな」で同じように書くと きちんと設定した幅で折り返すように表示されます。どうしてなんでしょうか？ 英数半角でもきちんと設定した幅で折り返すようにするにはどうすればよいのでしょうか？
- gaten123
- お礼率50% (2/4)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
英単語や数値が分割されないように、という英語圏のブラウザ開発者の気遣いのようです。 英語では良い例が思い浮かびませんが、例えば数字で金額や数量を 111111 と表示するか 111 111 と表示されるのではまるで違う意味になってしまいます。 aaaaaaaaaaaa・・・に意味があるかどうかは判別できないので、一律自動改行はしないという仕様になったようです。 これを関係なく自動改行（折り返す）ようにするにはスタイルシートで指定できます（参考URL）が、一部のブラウザ(IE)でしか採用されていません。 改行させたい場合は適切に<br>を入れておいた方が確実です。
その他の回答 (1)
- gamera190
- ベストアンサー率48% (40/82)
連続した半角英数字は折り返しません ２０字毎にスペースを入れるか 自分で改行するしかないみたいです。 おそらく英単語を途中で切れると意味が わからなくなるからではないでしょうか。
お礼
回答ありがとうございました。
関連するQ&A
- ●○■□などの文字を含んだ<td>の幅指定について
Firefoxで表示確認をしています。 <table border="1" width="100"> <tr> <td>あああああああああああ</td> </tr> </table> だと、幅100pxの位置で自動的に改行されるのですが、 <table border="1" width="100"> <tr> <td>●●●●●●●●●●●</td> </tr> </table> だと改行ず、幅がオーバーしてしまいます。●以外にも○■□などでも同じでした。 ●を使いつつ、指定した幅で改行させることはできないでしょうか？
- 締切済み
- HTML
- ラインはtableタグを使って書くのでしょうか？
<table border="0" width="100%" style="bordr-left:0px;border-right:0px;border-top:thick ridge;border-bottom:0px"> <tr><td width =100%></td></tr></table> ｈｔｍｌを勉強中でソースをのぞいてみるのですが、テーブルのデーターなしで幅が０とか？？でわかりません。なぜラインになるのでしょうか？＜ｈｒ＞とかとはちがうのでしょうか？？おおしえください
- 締切済み
- その他（インターネット・Webサービス）
- 半角だけだとtableタグのwidth指定が無効になってしまう。
半角だけだとtableタグのwidth指定が無効になってしまいます。半角を入力した際にwidth指定を有効にする方法をご教授お願いします。 <TABLE border="1" width="110"> <TBODY> <TR width="110"> <TD width="110">０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９</TD> </TR> </TBODY> </TABLE> <BR> <TABLE border="1" width="110"> <TBODY> <TR width="110"> <TD width="110">0123456789012345678901234567890123456789012345678901234567890</TD> </TR> </TBODY> </TABLE>
- ベストアンサー
- HTML
- IE5以上のテーブル幅
テーブルの幅の最大値を設定することはできませんか？ 下記の例では「あ」が少ないとテーブル幅(td)が100になって広過ぎるのでだめです。 <table border><tr><td>aa<td> <table border=5><tr><td width=100> ああああああああ </table> </table>
- ベストアンサー
- HTML
- <table>の colspanについて
<table border=1> <tr><td colspan=2>aaaaaaaaaaaaaaaaa</td></tr> <tr><td colspan=2>aaaaaaaaaaaaaaaaaa</td></tr> <tr><td>aa</td><td>bb</td></tr> <tr><td colspan=2>aaaaaaaaaaaaaaaaaaaaaaaa</td></tr> </table> の３行目の（分割している）２つのセルの幅を自由に設定したいのですが、width=10%などといれてもうんともすんともしません。なにかいい方法ありますか？
- ベストアンサー
- HTML
- css で指定した div と table の幅が
html と css の勉強中です。 スタイルシートで次のように同じ幅を 指定したのですが、表とブロックの幅が 揃いません。 <style><!-- #a {width:300px;border:solid 2px} #b {width:300px;border:solid 2px} --></style> <div id="a"> <p> a b c d </p> </div> <table id="b" border="1"> <tr> <td>a</td><td>b</td><td>c</td><td>d</td> </tr> </table> ブラウザは IE６と opera で見てみました。 お願いします。
- ベストアンサー
- CSS
- テーブルの幅をデフォルトに戻すcssがわかりま
<html> <head> <title>test</title> <style type="text/css"> table { width: 100%; } </style> </head> <body> <table border=1> <tr><td>No</td><td>table1</td></tr> </table> <table border=1> <tr><td>No</td><td>table2</td></tr> </table> </body> </html> このようなソースで二つ目のテーブルだけ table { width: 100%; } を適用しない方法はありますか? 実際はテーブルが複数あり 基本的には table { width: 100%; } をテーブルに設定したいのですが とあるテーブルのみテーブルの幅をデフォルトのサイズにしたいのです。 table { width: 100%; } で全てのテーブルに適用した後に クラスを使って該当のテーブルのみ デフォルトの値に戻す方法は有りますか? <table border=1 class="デフォルトに戻す"> <tr><td>No</td><td>table2</td></tr> </table> としたいのですが テーブルの幅をデフォルトに戻すcssがわかりません。 2つのテーブルの幅は指定したくありません。
- ベストアンサー
- HTML
- テーブルの幅
tableのwidth指定についての質問です。 同じレイアウトで複数のhtmlファイルを作るのですが、その中のテーブル及びセルの幅をwidthで固定してあるのにも関わらず、セル内のテキストの長さによって各ファイルごとのテーブルのセルの幅が、IEでの表示で変わってしまいます。 <table width="450" cellspacing="0" cellpadding="2" border="1"> <tr> <th bgcolor="#ffcccc" width="150">aaaaaaaaa</th> <th bgcolor="#ffcccc" width="286">\100,000</th> </tr> <tr> <td colspan="2">ここには商品説明が入ります。ああああああああああああああああああああああああああああああああああああ</td> </tr> </table> 上記のaaaaaaaaaの部分がファイルによって長さが違うのですが、それによってセルの幅が変わってしまいます。 IE６でプレビューすると変わりますが、firefoxでは変わりません。 <th>を<td>に変更すると、幅は固定され変わりません。 IEの場合、thでwidth指定が出来ないのでしょうか。 なぜ変わってしまうのでしょうか?どこかに記述の問題があれば教えていただければありがたく思います。
- 締切済み
- HTML
- テーブルに画像を入れると、テーブルの幅が広がってしまいます
HTML初心者の者です。 ３行２列のテーブルを作り、左側の列に縮小した画像を入れたのですが、左側の列が画面いっぱいに広がってしまい、画像の幅に合わせて幅を狭くすることが出来ないでいます。 どうしたら、画像の幅に合わせて左列の幅を狭くすることが出来るでしょうか。 その部分のHTMLは、以下の通りです。 <table border="0" align="center"> <tr> <td><img src="*****.jpg" width=20% align="right"> </td> <td>説明文・・・・</td> </tr> <tr> </td><img src="*****.jpg" width=20% align="right"> </td> <td>説明文・・・・</td> </tr> <tr> </td><img src="*****.jpg" width=20% align="right"> </td> <td>説明文・・・・</td> </tr> </table>
- ベストアンサー
- HTML
- テーブルの幅について教えて下さい。
テーブルの幅について教えて下さい。 下のように記述しています。（実際はもっとたくさんあります） ブラウザ枠内に表示しているときはちゃんと幅が確保されますが、 ブラウザ枠より大きくなると、100pxがキープされず小さくなってしまいます。 なにか対策があれば教えて頂けないでしょうか。 print "<table border=1>\n"; print "<tr>サンプル</td>\n"; print "<td style=\"width:100px; word-wrap:break word;\">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa幅</td>\n"; print "<td style=\"width:200px; word-wrap:break-word;\">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa幅</td>\n"; print "</tr>\n"; print "</table>\n";
- ベストアンサー
- HTML
お礼
回答ありがとうございました。