我們經(jīng)常會(huì)遇到標(biāo)題或者羅列項(xiàng)字?jǐn)?shù)很多，而盒子寬度有限的情況，這時(shí)為了美觀就需要控制顯示文本总寻。
具體實(shí)現(xiàn)代碼如下：
style {
overflow: hidden;
width:100px;/* 這里可以用max-width: ;加min_width:;自適應(yīng)*寬度布局/
text-overflow:ellipsis;
white-space: nowrap;
}
當(dāng)然，以上只是單行的文本超出控制梢为，有時(shí)候會(huì)碰到需要多行文本控制顯示的废菱，這列我們會(huì)用到一個(gè)webkit的css擴(kuò)展屬性，該方法適用于webkit瀏覽器和移動(dòng)端的顯示抖誉；
具體代碼如下：
max-width:300px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
效果如下：
1540523622(1).png
