HTML5で、テーブル内tdタグの高さを常に固定に

質問

HTML5で、テーブル内「tdタグの高さ」だけを常に固定にしたいのですが、
どうすればよいでしょうか？

文字が少ないときも、
文字が多いときも、
常に固定にしたいです。

文字が多いときは、全部表示しなくていいので、
高さを固定でいきたいです。

横幅は変動。

用途は、
スマートフォン(Android/iPhone)表示用です

回答No.1

ORUKA1951 · ベストアンサー

HTMLではなく、スタイルシートの問題ですね。その端末は、CSS2.1に対応していますから、単純にCSS2.1で指定すれば良いです。

　tableは本来、可能な限りウィンドウ幅に合わせて描画し、内容の量に応じてセルの幅を割り振ることになっています。そうしないと困るからです。
　デザインのためにtableを使うのは、HTML4.01の時代から禁忌ですから別にします。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
Tables should not be used as layout aids.
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［4.9 Tabular data — HTML5( http://www.w3.org/TR/html5/tabular-data.html#tabular-data )］より

　ブロック要素の高さは、height,min-height,max-heightで指定され、基本的に親要素の高さを参照します。
10.6.3 通常フローにある非置換ブロック要素、非置換浮動要素の場合 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visudet.html#q17 )

<table summary="toA">
　<tbody>
　　<tr >
　　　<td></td>
　　　<td></td>
なら、
table[summary="toA"] td{height:80px;oveflow:hihhen;}

お礼

回答ありがとうございました