質問: html5で、テーブル内tdタグの高さを常に固定に html5で、テーブル内「tdタグの高さ」だけを常に固定にしたいのですが、 どうすればよいでしょうか? 文字が少ないときも、 文字が多いときも、 常に固定にしたいです。 文字が多いときは、全部表示しなくていいので、 高さを固定でいきたいです。 横幅は変動。 用途は、 スマートフォン(android/iphone)表示用です
回答: 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"] td{height:80px;oveflow:hihhen;}