当前位置: 首页 > Web前端 > CSS

css单行文字溢出显示省略号

时间:2023-03-31 13:15:15 CSS

有时候我们会遇到这样的情况,当一行显示太长的文字时,就会溢出,页面会变得非常难看。这个时候我们只想显示一部分文字,把多余的部分以省略号“...”的形式显示出来。那么我们就可以通过设置CSS样式来达到目的了。代码示例:HTMLLoremipsumdolorsitamet,consecteturadipisicingelit.

CSS.truncate{width:50px;高度:20px;空白:nowrap;溢出:隐藏;text-overflow:ellipsis;}嗯,就是这样!