HTML/CSS:指定内部的行数

前端之家收集整理的这篇文章主要介绍了HTML/CSS:指定内部的行数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个PHP-Webapp和span,看起来像这样:

< span><?= $text?>< / span>

我想确保,跨度只有一行.所以如果文字太长,我想不显示最后的话.我可以使用HTML / CSS吗?或者我是否必须使用PHP / Javascript缩短文本?

解决方法

这个怎么样? (显然你会将宽度设置为页面上需要的宽度)

文本溢出:省略号是CSS3,只在现代浏览器中支持,所以在较旧的浏览器中,你会在最后得到一个令人讨厌的中间字母/单词.

span{display: block; width: 100px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis;}
原文链接:https://www.f2er.com/html/232236.html

猜你在找的HTML相关文章