如何避免自动超大表大小?

时间:2011-12-21 12:08:20

标签: html

例如:我的桌子高度和宽度是10:10。当我在表格中输入一些段落时,意外地宽度(50)正在增加。请给我解决方案以避免这些事情。

1 个答案:

答案 0 :(得分:0)

在我的情况下,如果我知道表中的文本是如何呈现的,我将它们放在一个。你和CSS一起完全控制了文本。

<table style="background-color:#ccc;">
    <tr>
        <td><div style="width:20px;height:20px;">'randomtext</div></td>
    </tr>
</table>

上面的代码片段为您提供了一个静态框,无论您放入div标签。如果您打算隐藏不符合大小的字符,只需添加overflow:hidden

<div style="width:20px;height:20px;overflow:hidden;">'randomtext</div>

您也可以将table-layout:fixed; CSS属性用于<table style=''>标记,以达到同样的效果。 {D}表示overflow:hidden与table-layt相同的效果。我将指出在设计目的中避免使用表格(DIV&#39; s是这个元素)。但是,如果我不能正确理解这个问题,我也会乞求。你的问题在这个时候可以更清楚了。

旁注,
如果我们说方形高度为10 x 10像素的示例。当您输入'或其他内容时,表格会增长。可能在高度,但也可能在宽度取决于字体样式。 <div>可以覆盖此内容。即使角色明显更小,就像引号一样,也可以为所选尺寸,字体和编码的全尺寸的盒子预留空间。