标签: html css trim
是否可以修剪文本的结尾?
INPUT
这是一篇非常长篇文章
RESULT
这是......
答案 0 :(得分:10)
是的,这可以通过CSS实现。
查看我的Example on jsFiddle
实现此效果的关键是使用以下CSS属性的组合:
width: [x]px overflow: hidden white-space: nowrap text-overflow: ellipsis
使用溢出需要宽度。文本溢出需要溢出,需要使用空格来防止中断并确保整个文本在一行中。
答案 1 :(得分:8)
也许你可以试试
文本溢出:省略号;
http://davidwalsh.name/css-ellipsis