如何避免自动超出表格大小？

Question

例如：我的桌子的高度和宽度是10:10。当我在表格内输入段落时，意外的是宽度（50）正在增加。请给我解决方案，以避免这种情况。

Answer 1

在我的情况下，如果我知道表格中的文本如何呈现，我把它们放在一个。你和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> 

您也可以使用CSS table-layout:fixed;属性为<table style=''>标签来实现同样的效果。 overflow:hidden为您带来与table-layt相同的效果，就像在DIV中一样。我将指出避免在设计中使用表格（DIV是这个元素）。但是，如果我不正确地理解这个问题，我也会乞讨。你的问题在这个时候可以更加清晰。

一个侧面说明，
如果说用10×10个像素的正方形高度的例子。当您输入'或其他内容时，表格会增加。可能在高度上，但也可能在宽度上取决于字体样式。 <div>可以覆盖此。即使角色明显较小，就像引号一样，但是在选定尺寸，字体和编码的全部尺寸周围还有空间。