在工作中有時候會遇到這樣的需求：限制顯示指定行數。這時候就可以使用這個樣式，當然，相容性並不太好:
相容性檢視
display
: -webkit-box;
-webkit-line-clamp
: 2;
-webkit-box-orient
: vertical;
overflow
: hidden;
text-overflow
: ellipsis;
限制在乙個塊元素顯示的文字的行數。-webkit-line-clamp: 2;
將物件作為彈性伸縮盒子模型顯示 。display: -webkit-box;
設定或檢索伸縮盒物件的子元素的排列方式 。-webkit-box-orient: vertical;
文字溢位顯示省略號…overflow:hidden;
text-overflow:ellipsis;
sublime中如何用less實現css預編譯
實現css預編譯的方式有很多，聽說glup很流行而且功能也很強大，但是就目前的工作而言，僅要css預編譯和yuicompress就夠了，接下來切入正題 less 是一門 css 預處理語言，它擴充套件了 css 語言，增加了變數 mixin 函式等特性，使 css 更易維護和擴充套件。less 可以...
如何用css實現元素固定寬高比？
一 img video 可替換元素的固定寬高比實現原理 指定img video的寬度或者高度，另一邊設定auto自動計算。比較簡單。html css width 50 img 二 普通元素固定寬高比實現原理 利用padding top或者padding bottom的百分比值，實現容器長寬比。在cs...
sublime中如何用less實現css預編譯
實現css預編譯的方式有很多，聽說glup很流行而且功能也很強大，但是就目前的工作而言，僅要css預編譯和yuicompress就夠了，接下來切入正題 less 是一門 css 預處理語言，它擴充套件了 css 語言，增加了變數 mixin 函式等特性，使 css 更易維護和擴充套件。less 可以...