制作表td所以它不能放大

时间:2012-11-21 16:04:26

标签: html css

我需要制作桌子td所以它不能放大。它应该是正方形和高度固定的,如果有更多的文本,那么可以包含一个框,它应保持原样,文本只是下降。热门吗?

5 个答案:

答案 0 :(得分:1)

请参阅Set the table column width constant regardless of the amount of text in its cells?

table-layout: fixed;

这是一个jsfiddle,它有一些HTML更改以及CSS更改:http://jsfiddle.net/GR4Lm/

我删除了一些行以简化操作,但同样的技术也适用 - 将所有TD内容包装在一个DIV中。

答案 1 :(得分:0)

在每个TD中添加DIV,并为该元素的样式添加overflow:hidden,并为其指定固定尺寸。

答案 2 :(得分:0)

    td style="height:xpx; width:xpx; overflow:auto;"

答案 3 :(得分:0)

假设我正确理解了您的问题,请在CSS中使用max-heightmax-width

答案 4 :(得分:0)

我认为可以做你想要的事:http://jsfiddle.net/rVDQm/

table tr td {
 width:400px;
 height:400px;
 background:#ccc;
 overflow:scroll;
 overflow-x:hidden;
 display:block;
}