css - 包装表格的内容

标签 css css-selectors

下表怎么限制文字可能只能显示20个字符

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

谢谢..

最佳答案

这是在服务器端完成的更好的事情,特别是如果您不希望该行的其余部分不可访问。

此外,不可能准确计算 CSS 中的字符数。您可以使用 em 中的 width 设置,它大致与字母 M 的宽度相同:

td {
  width: 20em;
  overflow: hidden;
}

如果您不能在服务器端执行此操作并且它必须正好是 20 个字符,那么您将不得不使用 JavaScript。

关于css - 包装表格的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2834301/

相关文章:

css 样式不适用于 IE6.0

html - 在 div 中垂直居中一段文本

animation - css3动画问题字体渲染

jquery选择器无法从隐藏字段读取

html - 是否可以从 CSS 中的 attr() 获取正则表达式?

html - ASP :linkbutton after asp:linkbutton not to jump lines

CSS 选择器如果存在相邻兄弟

jquery - 如何在 jQuery 中选择链接但不选择子链接?

java - Selenium webdriver 在页面更改后获取元素

css - 带有图像的 flex 子项的大小不正确