0

我应该先说我已经尝试了在此站点上找到的针对类似问题的几个修复程序（例如，无论单元格中的文本数量如何，都将表格列宽设置为常数？）无济于事。

我正在通过 AJAX 生成用户评论表（每个表 1 条评论）。简而言之，输入文本和单击按钮会调用访问 php 文件的 AJAX 函数；然后，php 文件根据我开发的算法按时间顺序显示用户评论。工作正常...（最新的相关代码如下）

$current.="<table border=\"1\" width=\"550px\" table-layout=\"fixed\">";
$current.="<tr width=\"550px\">";
$current.="<td width=\"60px\"><img src=\"" . $Picture1 . "\" style=\"float:left\"    
width=\"50px\" style=\"border: 0\" height=\"55px\"></td>";
$current.="<td width=\"485px\">";
$current.="<div style=\"width:485px\"><font size = \"2\" style=\"font-   
family:arial\">&nbsp;&nbsp;&nbsp<b>$user1</b></font>&nbsp;&nbsp;&nbsp";
$current.="<font size = \"2\" style=\"font-family:arial\">$usercomment1</font>";
$current.="</div></td>";
$current.="</tr>";
$current.="</table>";

除非用户评论超出表格的水平边界（宽度）（大约 60 个字符）。请注意，如果没有如上所示表格单元格中的 div （并将每个 td、tr 和表格元素设置为固定宽度），注释会将表格的边界向右扩展（通过显示边框来显示）。令人惊讶的是，使用上面的代码（即包含 div），用户评论的文本实际上超出了表格（文本实际上只是简单地写在表格的右边框上，就像它甚至不存在一样并且继续向右移动，好像 div/text 具有更高的 z-index）。

现在，我快速而肮脏的解决方法是为生成用户评论的表单的输入文本字段设置 maxlength='60'，但我不喜欢这种方法，因为将字符限制为 60 就像 Twitter-lite。关于为什么我的桌子问题发生的任何想法？

4

2 回答 2

0

通过更多测试，我能够使用 wordwrap() 函数以我需要的方式自动插入换行符：

http://www.php.net/manual/en/function.wordwrap.php

像魅力一样工作

于 2013-09-25T17:31:47.227 回答
0

尝试对文本使用省略号

.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

它将帮助文本不要溢出，否则尝试使用overflow属性

于 2013-09-25T17:25:15.540 回答