- ベストアンサー
テーブル内の文字列を改行させたい
<TABLE border="1"> <tr> <TD>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</TD> </tr> </TABLE> これを、ある一定の幅を指定して改行させたいのですが、 CSSを使おうが使わず指定しようが、反映されません。 全角文字だと反映されます。 IE6、IE7で対応させたいと思っています。 CSSでも何でも良いので、どうすれば対応出来るのか ご教示下さい。
- めとろいと（@naktak）
- お礼率66% (482/721)
- HTML
- 回答数1
- ありがとう数8
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
英数半角文字だと、続けて入力した場合、一つの単語とみなして禁則処理をしてしまうんだと思います。 なので、<br>で改行するのがいいのかと思いますが、 IEで対応したいということなので、IE7で動作するかはわかりませんが、 word-break:break-all; の指示で単語の切れ目を無視して改行してくれると思います。
関連するQ&A
- テーブル内の改行のズレ
テーブル内で、文字の並びを縦横揃えようと思い、MSゴシックを使っています。幅を指定しているので、自動改行されるのですが、微妙なところでズレてしまいます。"。"の文字が影響しているようなのです。 例１）では、 ＡＢＣＤＥ ＡＢＣＤＥ となり、 例２）では、 ＡＢＣＤＥ ＡＢＣＤ Ｅ。 となります。 例２）を ＡＢＣＤＥ ＡＢＣＤＥ 。 とするには、どうしたらいいのでしょうか？ 例１） <table border=1 width=90 cellspacing=0 cellpadding=2> <tr> <td><font face="ＭＳ ゴシック"> ＡＢＣＤＥＡＢＣＤＥ</font> </td> </tr> </table> 例２） <table border=1 width=90 cellspacing=0 cellpadding=2> <tr> <td><font face="ＭＳ ゴシック"> ＡＢＣＤＥＡＢＣＤＥ。</font> </td> </tr> </table>
- ベストアンサー
- HTML
- ●○■□などの文字を含んだ<td>の幅指定について
Firefoxで表示確認をしています。 <table border="1" width="100"> <tr> <td>あああああああああああ</td> </tr> </table> だと、幅100pxの位置で自動的に改行されるのですが、 <table border="1" width="100"> <tr> <td>●●●●●●●●●●●</td> </tr> </table> だと改行ず、幅がオーバーしてしまいます。●以外にも○■□などでも同じでした。 ●を使いつつ、指定した幅で改行させることはできないでしょうか？
- 締切済み
- HTML
- テーブルの幅固定について
テーブルの幅固定を以下のように行っているのですが文字が指定した幅を超えると、 幅を指定してるにも関わらず、文字が改行せずに幅が伸びてしまいます。 自動的に改行になるとばかり思っていました。 <br>での改行は考えていないので、テーブルの幅を絶対的に固定する方法ありますでしょうか？ <table width="50" border="0" style="background-color: #cecece"> <tbody> <tr> <td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> </tr> </tbody> </table>
- ベストアンサー
- HTML
- TABLEセル内で改行させたいのですが・・・
いつもお世話になっております。 ＨＴＭＬ上で、名前とメールアドレスの一覧を作成しました。 すると、テーブルの列幅を指定しているにもかかわらずメールアドレスが、 改行されずに１行で表示されてしまいます。 検索した結果、「word-break : break-all」をＣＳＳで設定したら大丈夫で あることがわかったので、設定しました。 ＩＥでは、問題なく表示されたのですが、FireFoxでは、改行されません。 ＦｉｒｅＦｏｘでも、改行されるようにしたいのですが、どこを修正したら 宜しいでしょうか。 ご教授いただけますよう、どうぞ宜しく御願いいたします。 ＜Ｓｏｒｃｅ＞ <html> <head> <style type=text/css> p{ maegin:0px; word-break: break-all; } </style> </head> <body> <table border="1px"> <tr> <td width="100px">Name:</td> <td width="100px">takemoto</td> </tr> <tr> <td width="70px">E-Mail:</td> <td width="70px"><p>ytakemoto12345678@abc.ne.jp</p></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- テーブル内文字列がテーブル幅を超えたとき
超えた部分の文字を表示しないで テーブル幅の範囲で表示できる部分だけ表示することはできるのでしょうか？ 例えば <table border='1' width='100%' CELLPADDING='0' CELLSPACING='0'><tr><td>abc...z</td></tr></table> の abc...z の部分がテーブル幅より長いときには超えた部分はなかったものとして表示するのです
- ベストアンサー
- HTML
- テーブル内でdivを使った時に改行しないようにする
テーブル内でdivを使った時に改行しないようにするには？ <table border=1 cellspacing=1 cellpadding=1> <tr><td>a<DIV style="font-size:50%;">50%です</DIV></td><td>b</td></tr> <tr><td>c</td><td>d</td></tr> </table> このような事をすると、「a」と「50%です」の間が開業されてしまいます。 文字を小さくしつつ改行しないようにする方法を教えてください。
- ベストアンサー
- HTML
- テーブル内での改行がうまくいかない
ウィンドウが小さくなると、それに合わせてテーブルも小さくなると思っていたのですが、下のソースを表示すると、テーブルが一定の大きさから小さくなりません。何が悪いのでしょうか。 --ソース-- <HTML> <HEAD></HEAD> <BODY > <TABLE border="1"> <TR> <TD>sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</TD> </TR> </TABLE> </BODY> </HTML> よろしくお願いします。
- ベストアンサー
- HTML
- Macのieで文字がテーブルからはみ出て表示される
私は普段、Windowsでホームページを作成しているのですが、 テーブル内のテキストの文字間や行間をスタイルシートで調節すると、 Windowsではどのブラウザでも問題なく表示されるのですが、 Macのie（5.2）で見ると、テーブル内で改行されずに 文字がはみ出して表示されてしまいます。 文字がはみ出ないようにするにはどのようにすればよいのでしょうか？ よろしくお願いします。 （例） 【CSS】 td { line-height : 1.5 ; letter-spacing : 0.5em ;} 【HTML】 <table width="50%" border="1"> <tr> <td width="100%"> あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわん。 </td> </tr> </table>
- ベストアンサー
- HTML
- cssで列の幅を調整するには？
たとえば、 <style type="text/css"> table { width: 100%; } </style> </head> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>a</td><td>b</td><td>c</td></tr> <tr><td>1</td><td>2</td><td>3</td></tr> </table> このようなcssとコードがある場合、 3列目のｃと３の列の幅を10％にしたい場合、 どのようなコードを書けばいいですか？ td { width: 10%; } こうすると、すべての列が１０％になってしまいます。 指定した列のみのcssで幅を調整する方法を教えてください。 できれば直接テーブルのタグをいじるのではなく、スタイルシートの宣言部分で対応したいです。
- ベストアンサー
- HTML
- ＩＥでテーブル内のテキストが勝手に改行されます。
個人でサイトを運営しているのですが、 外部ＣＳＳをテーブルに適用するとＩＥとＦｉｒｅｆoxで表示が変わってしまい 困っています。問題は下記です。 テーブルに指定するＣＳＳは以下のようなものです。 table.1{ border-top:1px solid #666666 ; border-left:1px solid #666666 ; border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show; text-align:left; font-size: 10pt; padding:3px; } .1 th{ border-right:1px solid #666666 ; border-bottom:1px solid #666666 ; color:#330000; background-color:#996633; padding:0.1em 0.1em; text-align:center; } .1 td{ border-right:1px solid #666666 ; border-bottom:1px solid #666666 ; padding:8px 8px 8px 8px; line-height: 120%; } そして本文のＨＴＭＬです。 <table width="166" border="0" class="1"> <tr> <td colspan="2"><div align="center">テキストテキスト</div></td> </tr> <tr> <td>イメージ写真</td> <td>イメージ写真</td> </tr> <tr> <td width="76"><p>テキストテキストテキストテキストテキストテキストテキストテキスト</p></td> <td width="79"><p>テキストテキストテキストテキストテキストテキストテキストテキスト</p></td> </tr> </table> 以上のようなものです。 このようにするとＦｉｒｅｆｏｘではきちんと表示されるのですが、 ＩＥだとテキストの部分が４文字ほどで勝手に改行されてしまい、 かなり縦長のテーブルになってしまいます。 試行錯誤してみたのですが、全然できなくて本当に困っています。 もし解決策をご存知の方おられましたら、ぜひ教えていただければ幸いです。
- ベストアンサー
- HTML
お礼
確認できました。ありがとうございます！