小程序
/* 圓角設置 */
border-radius: 100%;
橫縱布局屬性
/* 橫向 */
display: flex;flex-direction: row;
/*縱向*/
display:flex;flex-direction: column;
/*居中*/
display: flex;
justify-content: center;
align-items: center;
/*固定布局*/
position: fixed;
/*字體加粗*/
font-weight: bold;
/*文本首行縮進*/
text-indent: 20rpx;
text-align: left;
/*取消文本首行縮進*/
text-indent: 0rpx;
padding-left: 0rpx;
text-align: left;
溢出文本處理
單行
/*固定寬度*/
width: 100rpx;
/*超出部分隱藏*/
overflow:hidden;
/*不換行*/
white-space:nowrap;
/*添加...*/
text-overflow:ellipsis;
多行
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
-webkit-line-clamp:2;//這是設置顯示的多少行唯笙。
-webkit-box-orient：vertical。
word-break：規(guī)定自動換行的處理方法太惠。
文本縮進
text-indent: 20rpx;
text-align: left;
取消縮進
text-indent: 0rpx;
padding-left: 0rpx;
text-align: left;
陰影設置
Box Shadow
* [Box Shadow(陰影)]
* [Text Shadow(文本陰影)]
* [Text Stroke(文本描邊)和text-fill-color(文本填充色)]
* [border-radius(圓角)]
* [webkit內(nèi)核的safari村缸、 Chrome的Linear Gradients (線性漸變)]
* [Firefox的Linear Gradients (線性漸變)]
* [transform(變形)和transform-origin(變形原點)]
