0

我在网页的这一部分遇到了困难，在那里你可以看到很多测试词。我想要做的是使 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;
}
4

2 回答 2

0

这是我的解决方案：

.itemlist {
    table-layout:fixed;
}

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

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

但实际上，您的问题是您在该 td 中插入了一个令人难以置信的长“单词”（没有空格）。浏览器很难破解它，所以它没有坏，显示在一行中。

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

于 2013-02-06T16:25:18.977 回答
-1

<table class="itemlist" width="100%"...<--- 不要让它 100%，让它成为一个价值

于 2013-02-06T16:15:13.093 回答