原創聲明:本文為作者原創,未經允許不得轉載,經授權轉載需注明作者和出處
text-indent
用于定義塊級元素中第一個內容行的縮進。這最常用于建立一個“標簽頁”效果。允許指定負值,這會產生一種“懸掛縮進”的效果。display:inline-block
或者display:block
改變元素生成的顯示框類型.maomao{
display:inline-block /*行內塊級元素*/
display:block /*塊級元素*/
}
/*單行*/
.maomao{
display:block /*這里設置inline-block或者block;根據使用情況來定(行內元素需要加這個,塊級元素和行內塊級可以不用)*/
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/*多行*/
.maomao{
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2; /*這個數字是設置要顯示省略號的行數*/
-webkit-box-orient:vertical;
}
例子:在index.wxml中調用模板文件template.wxml,就將模板文件的CSS樣式寫在index.wxss中
具體使用方式見:關于模板的使用,模板CSS樣式的應用