//一行
width:
100px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-
break
:break
-all;
//兩行 當文字所在的盒子太高時，注意設定line-height,
//否則肯能會出現第三行顯示一半的情況
width:
100px;
text-overflow:
-o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display:
-webkit-box;
-webkit-line-clamp:2;
line-clamp:2;
-webkit-box-orient: vertical;
-webkit-line-clamp用來限制在乙個塊元素顯示的文字的行數。
display: -webkit-box; 物件作為彈性伸縮盒子模型顯示 。
-webkit-box-orient: vertical;設定或檢索伸縮盒物件的子元素的排列方式 。
css 常用樣式
css 說的通俗一點就是 給標籤加樣式的。什麼玩意是樣式呢。你們可以理解為人穿的衣服，化妝之類的修飾，讓自己的寫的標籤變的好看一點 那麼這個css 怎麼加到對應的標籤上面去呢 有3種方法 分別是 外部樣式 內頁樣式 行內樣式。那麼這個css 怎麼加到對應的標籤上面去呢 有3種方法 分別是 外部樣式 ...
css常用樣式
格式調整 標籤的位置調整 text align center 絕對元素生成 position absolute margin right 微調上下左右 浮動 float 上下左右 width 寬 height 高 樣式調整 字型粗細 font weight size 字型格式 text decora...
CSS常用樣式
img box imgparentelement childelementfilter alpha opacity 60 filter progid dximagetransform.microsoft.gradient startcolorstr red,endcolorstr blue,grad...