如何让文字变小以保持一条线？

Question

当用户填写字段时，我有<td>个填充文本。如果用户输入的文本大于我的200px宽，它会缠绕并弄乱我的设计。有没有办法让文字变小以适应一条线而不是环绕？

Answer 1

更好的设置字符串的最大长度，如果超过限制，只需剪切文本并添加“... “text。在标签中放置标题，因此当鼠标悬停时它可以完整地读取。

  

例子：blabla bla   bla bla ...

只是视觉文字短，并使用标题

Answer 2

您可以使用省略号，这是CSS3属性，more info about this

td p {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}