CSS常用技巧 

1. 清除浮动的通用方式
1 <div class="news clearfix">
2     <img src="/img/news-pic.jpg" alt="my pic">
3     <p>some text</p>
4 </div>
1 .clearfix:after{
2     content: '.';
3     height: 0;
4     visibility: hidden;
5     display: block;
6     clear: both;
7     overflow: hidden;
8 }

2. 单行显示并且超出时显示”…“

1 p{
2     text-overflow: ellipsis;
3     overflow: hidden;
4     white-space: nowrap;
5 }

 

posted @ 2018-03-03 09:49  xlinli0213  阅读(101)  评论(0)    收藏  举报