- ベストアンサー
テーブル内で改行を防ぐ方法
quadsの回答
frequent な質問ですが、連続した半角英数字および半角記号の文章を自動改行させることは容易ではありません。 多くのWWWブラウザは連続した半角英数字を一語と見做して、親要素の幅を無視して一行で表示しようとします。 しかしながら、"ハイフン(-)"記号は語の区切りと解釈するブラウザも多いため、ハイフンの前後で自動改行が行なわれる可能性があります。 ただし、そうでない一部のブラウザでは改行されません。 word-break関連プロパティが実装されていれば可能かもしれません。
関連するQ&A
- スクロール式テーブル内での改行を反映させる方法
アメブロのサイドバーでスクロール表示式の<table>タグを使いたいのですが、本文内が改行できず困っています。 アメブロの「フリースペース」「フリープラグイン」のどちらで試しても改行が反映されません。 スクロール素材は以下のソースのものです。 <!--★始まり--> <table cellpadding="7" cellspacing="2" bgcolor="#225599" width="320" style="font-size:13px;"> <tr><th bgcolor="#bbbbbb"> タイトル </th></tr> <tr><td bgcolor="#ffffff"> <textarea rows="6" style="width:100%;border-style:none;scrollbar-base-color:#88f6c6;"> 本文 本文 本文 本文 </textarea> </td> </tr> <tr><td bgcolor="#bbbbbb" height="16"></td></tr> </td> </tr> </table> <!--終わり★--> 「フリースペース」の方で上記タグを入れると、 プレビュー欄に自動で<br />タグが挿入され その状態で本文が表示されてしまいます。 「フリープラグイン」の方では 文字と文字の間で改行ができるものの なんの文字もない部分で「行間を１行あける」という事ができません。 フリースペースでもプラグインでもどちらを使っても構わないのですが 改行を反映させる方法（タグなどの挿入）があるでしょうか？ 上記の<table>タグを使わなくても スクロールができるような素材でしたら構わないのですが。 何かありましたら教えて下さい。
- ベストアンサー
- ブログ
- FORMタグ後の改行を抑制したい
FORMタグを使用した後に自動的に改行されますが、これを改行されないように 抑制する方法をご存知でしょうか？ 下記の例のようにTABLEタグを使用することで、横にFORMタグを並べることはできたのですが、ひとつのセル内で改行されてしまい、縦長のセルになってしまいます。 <TABLE BORDER=1> <TR> <TD> AAA<FORM> </FORM> </TD> <TD> BBB<FORM> </FORM> </TD> </TR> </TABLE> スタイルシートでも、なんでも構いませんのでなにか方法があったらご教授ください。 環境：Windows2000, IE5.5
- ベストアンサー
- HTML
- 表を指定した場所で改行する方法
<table border='1' align='left'> <tr><td>テスト</td></tr> </table> まず上記のように表を作ったとします。 これをCGIで追加すると下記のようにHTML上で横方向に自動的に同じ表が作られて表示されます。 <table border='1' align='left'> <tr><td>テスト</td></tr> </table> <table border='1' align='left'> <tr><td>テスト</td></tr> </table> <table border='1' align='left'> <tr><td>テスト</td></tr> </table> <table border='1' align='left'> <tr><td>テスト</td></tr> </table> これを途中で例えば3番目で改行させたい場合はどうすればいいのでしょうか？。 分かりづらいですがよろしくお願いします。
- 締切済み
- CGI
- タグ内での改行について
初歩的な質問ですが、教えて下さい。 テーブルタグを使って以下のように記述しました。 <table> <tr> <td><img src="a.jpg"> </td> </tr> </table> すると、画像の下部と罫線との間に隙間があいてしまって見栄えが悪かったのです。 そこで試行錯誤して以下のように訂正し、<td>～</td>間の改行をなくしたところ、隙間がなくなりました。 <table> <tr> <td><img src="a.jpg"></td> </tr> </table> なぜこのように改行が影響する場合があるのでしょうか？ 教科書的な説明で「改行は影響しない」と聞いていたので・・・。 ブラウザはIEを使っています。
- ベストアンサー
- 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
- テーブルからはみ出します
下記の様な感じにテーブルを配置してその中に文章を入れています。 <table width="***"> <tr><td> あいうえおかきくけこさしすせそたちつてと・・・・・・ </td></tr> </table> winで見たら問題は無いのですが、マックのIEで見ると、 文字の部分がセルからはみ出して表示されます。 改行されないというわけではなく、セルからちょっとはみ出したところで改行されます。 セルの端まできた時に自動的に改行させるようにするには どのようにしたら良いでしょうか。 よろしくお願い致します。
- ベストアンサー
- HTML
- テーブル内の改行のズレ
テーブル内で、文字の並びを縦横揃えようと思い、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
- テーブル内widthでの改行処理がIEとFirefoxで異なる
テーブル内のtdに対してwidthを指定していますが、IEとFirefoxで表示が異なります。具体的には下記のコードにて、【文章１】が長い場合、IEではwidth:160pxで自動改行するのですが、Firefoxでは改行されず横に表示されてしまいます。 いちいち改行文字を入れるのはめんどうなのでFirefoxでも自動改行されるようにしたいのですが、何かうまい手をご存知の方、ご教示願います。 ＜スタイルシート＞ #contact_table table { width:600px; padding:auto; margin:auto; text-align:center; border-collapse:separate; } #contact_table tr { padding:auto; margin:auto; text-align:center; } #contact_table td { padding:5px; margin:5px; border-top:solid 2px #EEEEEE; border-left:solid 2px #EEEEEE; border-right:solid 2px #C0C0C0; border-bottom:solid 2px #C0C0C0; font-size:12px; font-weight:normal; color:#000000; text-align:left; line-height:1.5em; background:#DAEAF3; } #contact_table td.item { width:160px; white-space:nowrap; background: #000080; text-align:center; border-top:solid 2px #0000CC; border-left:solid 2px #0000CC; border-right:solid 2px #000033; border-bottom:solid 2px #000033; color:#FFFFFF; } ＜HTML＞ <div id="contact_table"> <table summary="お問い合わせ"> <tr> <td class="item">【文章１】</td> <td>【文章２】</td> </tr> <tr> <td class="item">【文章１】</td> <td>【文章２】</td> </tr> ・・・ </table> </div>
- ベストアンサー
- HTML
- テーブル内での改行がうまくいかない
ウィンドウが小さくなると、それに合わせてテーブルも小さくなると思っていたのですが、下のソースを表示すると、テーブルが一定の大きさから小さくなりません。何が悪いのでしょうか。 --ソース-- <HTML> <HEAD></HEAD> <BODY > <TABLE border="1"> <TR> <TD>sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</TD> </TR> </TABLE> </BODY> </HTML> よろしくお願いします。
- ベストアンサー
- HTML
- テーブルについて
テーブルについて 下のように直接入力した、例えば半角小文字を入力すると、横いっぱいに広がり改行せず、画面よりはみ出してしまいます。 この場合横サイドのwidithの属性もききません。 widithの指定範囲で改行して表示する方法は無いのでしょうか？ お教えください。 <table> <tr> <td>33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 </td> </tr> </table>
- ベストアンサー
- ブラウザ
お礼
よく理解できました。 ありがとうございました。