碼迷,mamicode.com
首頁 > 微信 > 詳細

微信小程序 text屬性設置 WXSS樣式

時間:2019-02-04 14:13:34      閱讀:2524      評論:0      收藏:0      [點我收藏+]

標簽:屬性   微信小程序   顯示   aci   ddl   16px   彈性   字體   字號   

>微信小程序的布局css樣式 參考自  珺L

文字

width: fit-content;
font-size:20px;      /*設置文字字號*/
color:red;           /*設置文字顏色*/
font-weight:bold;    /*設置字體加粗*/
border:1px solid red;/*添加邊框樣式(粗細為1px, 顏色為紅色的實線)*/

font-family:"宋體";   /*設置字體為宋體*/

----------------------------------------------------------------------------------------

排版

font-style:italic;    /*文字排版--斜體*/
text-decoration:underline;   /*文字排版--下劃線*/
text-decoration:line-through;/*文字排版--刪除線*/
text-indent:2em;             /*段落排版--縮進*/
line-height:1.5em;           /*段落排版--行間距(行高)*/
letter-spacing:50px;         /*段落排版--中文字間距*/
word-spacing:50px;           /*字母間距*/

text-align:center;  right ; left ;  /*段落排版--對齊*/

----------------------------------------------------------------------------------------

元素

display:inline-flex; /*將對象作為內聯塊級彈性伸縮盒顯示*/
display:block;        /*設置為塊狀元素*/
display:inline;        /*設置為內聯元素*/

display:inline-block;     /*設置為內聯塊狀元素*/

-----------------------------------------------------------------------------------------

換行與位置

word-break:keep-all;        /* 不換行 */ 
white-space:nowrap;         /* 不換行 */ 
vertical-align:middle;     /*把此元素放置在父元素的中部。*/

-----------------------------------------------------------------------------------------

邊框

border-style(邊框樣式)常見樣式有:  (border-color,border-width) 邊框相關設置
dashed(虛線)| dotted(點線)| solid(實線)。
border-bottom border-top border-right border-left 上下左右線單獨設置

-----------------------------------------------------------------------------------------

上下左右邊距

box-sizing: border-box; //當使用padding的時候不影響大小
padding-top padding-right padding-bottom padding-left
margin-top margin-right margin-bottom margin-left (margin:10px 10px 10px 10px; top、right、bottom、left)

微信小程序 text屬性設置 WXSS樣式

標簽:屬性   微信小程序   顯示   aci   ddl   16px   彈性   字體   字號   

原文地址:https://www.cnblogs.com/yocichen/p/10351700.html

(1)
(3)
   
舉報
評論 一句話評論(0
0條  
登錄后才能評論!
? 2014 mamicode.com 版權所有 京ICP備13008772號-2
迷上了代碼!
公式规律下期单双