在下表中,如何限制文本可能只显示20个字符
<table><tr><td>yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td></tr></table>
谢谢..
答案 0 :(得分:1)
这是在服务器端做得更好的事情,特别是如果你想要不能访问该行的其余部分。
此外,无法精确计算CSS中的字符数。您可以在width
中使用em
集合,该集合大致与字母M结合使用:
td {
width: 20em;
overflow: hidden;
}
如果你不能在服务器端做它,它必须正好是20个字符,那么你将不得不使用JavaScript。
答案 1 :(得分:1)
如果输入“AAAAAAAAAAAAAAAAAAAAAARRRRRRRRRRRRRRRRRRRRRRGGGGGGGGGGGGGGGGGGG 这将产生
AARRRRRRRRRRRRRRRRRRRR
RRGGGGGGGGGGGGGGGGGGGG
G
我在谷歌的几个不同的网站上采取了我的例子。我已经在ff 5.0,IE 8.0和Chrome 10上测试了它。它适用于所有这些。
.wrapword{
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
<table style="table-layout:fixed; width:400px">
<tr>
<td class="wrapword">
</td>
</tr>
</table>
答案 2 :(得分:0)
您可以尝试限制列的宽度:
td {
width: 20em;
overflow: hidden;
}
答案 3 :(得分:0)
如果要将单元格中显示的内容限制为20个字符,可以使用一些Jquery将单元格设置为单元格的子字符串。
<table><tr><td id="tableCell">yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td></tr></table>
$("#tableCell").text($("#tableCell").text().substring(0,20))
答案 4 :(得分:0)
你有没有理由在DIV或UL LI上使用桌子?此外,如果表格中的内容将在PHP中生成,您可以比使用javascript更容易地使用PHP来显示20个字符。
//将$ summary限制为多少 字符? $ limit = 20; $ summary = &LT;&LT;&LT;摘要文本文本文本文本文本 文本文本文本文本文本文本文本 文本文本文本文本文本文本文本 文本文本文本文本文本文本文本 文本文本文本文本文本文本文本 文本文本文本文本文本文本文本 文本文本文本文本文本文本文本 文本文本文本文本文本文本文本 文本文本文本文本文本文本 摘要;
if(strlen($ summary)&gt; $ limit) $ summary = substr($ summary,0, strrpos(substr($ summary,0,$ limit),' '))。 '...'; echo $ summary;