Question

我在网页的这一部分遇到了困难，你可以在那里看到很多测试用语。我想要做的是使td auto的高度自动，所以每当提交一条消息时，它的宽度都不会扩展。我一直在限制它的宽度属性，但它不起作用，我也试过在css中使用显示块，但它根本没有帮助，解决这个问题的最佳方法是什么？这是图像： http://img209.imageshack.us/img209/4439/errrorx.png

这是我的表格代码

<table  class="itemlist" width="100%" cellspacing="1" cellpadding="4">
    <tr class="det_msg">
        <td><?php echo $detail ?></td>
    </tr>
</table>

这是我的css代码

.det_msg td{
    margin:6px; 
    width:920px;
    color: #fff;
    border-bottom:1px solid #333;
    font-family:Arial;
    font-size: 12px;
    color: #000000;
    margin-left:100px;
    padding:50px;
}

Answer 1

这是我的解决方案：

.itemlist {
    table-layout:fixed;
}

.det_msg td{
    word-wrap: break-word;
    word-break: break-all;
}

jsFiddle演示：http://jsfiddle.net/NkfNf/1/

但实际上，你的问题是你向那个td插入了一个令人难以置信的长“字”（没有空格）。浏览器很难将其破坏，因此它没有被破坏，显示在一行中。

这样，更好的解决方案：确保您不会在网络上显示这样一个“长字”。

Answer 2

<table class="itemlist" width="100%"...＆lt; ---不要100％使其成为值

HTML表格宽度扩展难度

2 个答案: