包裹表格的内容

时间:2010-05-14 13:02:00

标签: css css-selectors

在下表中,如何限制文本可能只显示20个字符

  <table><tr><td>yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td></tr></table>

谢谢..

5 个答案:

答案 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;