单行超出部分隐藏
2016-09-01 本文已影响0人
lMadman
.css2 {
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
/*前面三行就可以实现单行隐藏了*/
width: 20em;/*不允许出现半汉字截断*/
color:#6699ff;
border:1px #ff8000 dashed;
}
</style>
<div class="css1">Web前端开发 - 专注于网站前端设计与Web用户体验</div>
<div class="css2">Web前端开发 - 专注于网站前端设计与Web用户体验</div>
<style>