html解析css,HTML+CSS入门 CSS强制文本显示解析

强制文本显示

单行显示语法：white-space:nowrap;

让一段文字在固定宽度在一行显示，最后一个字符为省略标记(...)，css样式如下div{

white-space:nowrap;

text-overflow:ellipsis;

overflow:hidden;

}

多行文本最后省略号：div{

display: -webkit-box;

-webkit-line-clamp:2;

overflow: hidden;

-webkit-box-orient: vertical;

text-overflow: ellipsis;

}

这里用到了文本溢出显示省略号的，即设置溢出文本显示为省略标记：

语法：text-overflow:text-overflow:clip | ellipsis | ellipsis-word(css3新增加的);

clip：表示直接裁切溢出的文本；

ellipsis：表示文本溢出时，显示省略标记(...)，省略标记代替最后一个字符；

ellipsis-word：表示文本溢出时，也是显示省略标记(...),不同的是，省略标记代替的是最后一个词)

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML/CSS频道！