美文网首页
单行超出部分隐藏

单行超出部分隐藏

作者: lMadman | 来源:发表于2016-09-01 09:14 被阅读0次
.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>

相关文章

网友评论

      本文标题:单行超出部分隐藏

      本文链接:https://www.haomeiwen.com/subject/klucettx.html