お世話になっています。
セルに表示する内容を折り返さずに表示したく、
下記のHTMLを作成したのですが自動折り返しとなってしまいます。
どなたかわかる方がいらっしゃったら、ご教授お願いいたします。
・動作環境 OS:WIN XP ブラウザ:IE6
・ソース
<TABLE border="2" cellspacing="0" width=500 rules ="all">
<COLGROUP>
<col width="100">
<col width="100">
<col width="100">
<col width="100">
<col width="100">
</COLGROUP>
<TR>
<TD nowrap>あああああああああああああああああ</TD>
<TD nowrap>いいいいいいいいいいいいいいいいい</TD>
<TD nowrap>うううううううううううううううううう</TD>
<TD nowrap>えええええええええええええええええ</TD>
<TD nowrap>おおおおおおおおおおおおおおおおお</TD>
</TR>
</TABLE>
A 回答 (5件)
- 最新から表示
- 回答順に表示
No.5
- 回答日時:
widthを指定しないのがダメなら、
もしかしてスタイルシートのoverflow:hiddenでしょうか?
それならタグ属性ではかけませんのでスタイルシートで指定しないと行けないです。
td{
width:100px;
overflow:hidden;
}
No.4
- 回答日時:
>できるならば、セルの幅指定を行った状態で、
>折り返しを禁止できたらと思っています。
こんな感じをご希望でしょうか?
<TD><div style="height : 1em; width : 100px; overflow : hidden;">
あああああああああああああああああ</div></TD>
<TD><div style="height : 1em; width : 100px; overflow : scroll;">
いいいいいいいいいいいいいいいいい</div></TD>
<TD><div style="height : 1em; width : 100px; overflow : auto;">
ううううううううううううううううう</div></TD>
<TD><div style="height : 1em; width : 100px; overflow : auto;">
えええええええええええええええええ</div></TD>
<TD><div style="height : 1em; width : 100px; overflow : auto;">
おおおおおおおおおおおおおおおおお</div></TD>
overflow:hidden で、はみ出した部分は表示しません。
overflow:scroll で、スクロールバーが出ます。
overflow:auto で、自動で処理されます。
ブラウザによって、表示のされ方は異なるようです。
ちなみに、Excelのように自動で縮小して全体を表示する事は出来ないと思います。
No.3
- 回答日時:
> 入力した文字数分の幅に広がってしまうので、
> 理想の形にはなりませんでした。
> できるならば、セルの幅指定を行った状態で、
> 折り返しを禁止できたらと思っています。
え~と?
理想の形とはどんな形なのでしょう?
横幅100pxで折り返されるのを、折り返しを禁止すれば当然、横幅100pxより広がりますが。
No.2
- 回答日時:
こんにちは
width指定されてるからですね
外せば解消されます
<table>のwidth指定は効力が薄くテーブル内が500以下であれば幅を500にしてくれますが500以上になるとそちらの方が優先されます
http://www.hajimeteno.ne.jp/html32/12/29.html
たとえばこちらの下側↑
<table>にwidth指定しても変わりませんが<td>にwidth指定してやるとその幅で改行されて表示されます
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- 工学 【制御工学】単位ステップ応答の遅れ時間の求め方(令和2年度の機械設計技術者試験(制御工学)の問題) 3 2022/11/02 10:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
HTMLフォームのSELECTの幅を一...
-
Formタグのブロックの高さについて
-
なぜ左に寄っているの?
-
アップロードするサーバーによ...
-
CSSの設定
-
INPUT TEXT内の文字位置を指定...
-
上部の余白を消すには?
-
端から端まで横線を引きたい
-
表の折り返しについて
-
aタグに直接style=""で:hoverを...
-
FireFoxで見るとブラウザの幅に...
-
htmlでテーブル内にテキストボ...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズに合ったもの...
-
表の中でのフォーム
-
<tbody>は何のためにあるんでし...
-
トートバッグの大きさで W300(2...
-
Excel セルの幅が合わない
-
バーコードのサイズは拡大縮小...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
HTMLフォームのSELECTの幅を一...
-
<h1>タグの後の行間を詰めたい。
-
なぜ左に寄っているの?
-
インラインフレームの表示位置...
-
text-alignの解除の方法
-
CSSでh1とその下の文字との行間...
-
Formタグのブロックの高さについて
-
端から端まで横線を引きたい
-
FireFoxで見るとブラウザの幅に...
-
macとwindowsのレイアウト崩れ...
-
ホームページビルダー 空白の...
-
<legend>で表示されるタイトル...
-
INPUT TEXT内の文字位置を指定...
-
CSSで、height:100%の中央寄せ
-
CSSの設定
-
テキストボックスの様に文字の...
-
フッターだけが真ん中に行って...
-
スタイルシートでh1の属性行間...
おすすめ情報