- ベストアンサー
半角だけだと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>
- meikenpochi
- お礼率73% (68/92)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
>半角だけだと 単語の切れ目がないと改行しないみたいですね… TextAreaに入れるしか思い浮かびません。 補足： ご提示のサンプルIEでは全角時改行されますが FireFoxだと改行されませんでした。
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
似たような質問（参考URL）があったので参考になれば。 ただ、tdに直接スタイルを指定してもうまくいかなかったかも（その時はtdの中にdiv等をおけばよかったかも）
お礼
回答ありがとうございます。 自己解決できました。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <STYLE type="text/css"> <!-- td.test {width:150px; word-wrap: break-word;} --> </STYLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD width="150">０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９</TD> </TR> </TBODY> </TABLE> <BR> <TABLE border="1"> <TBODY> <TR> <TD class="test">0123456789012345678901234567890123456789012345678901234567890</TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
お礼
回答ありがとうございます。 >FireFoxだと改行されませんでした。 ブラウザによっても違ってしまうんですね。 TextAreaに入れる方法だと↓の様な感じですかね。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <STYLE> <!-- TEXTAREA { scrollbar-base-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> </HEAD> <BODY> <TEXTAREA rows="5" cols="20" style="border=0;">012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789</TEXTAREA> </BODY> </HTML>
補足
Macではどうなるのでしょうか？ Mac使ってる方いたら、教えてもらえませんか？