微信小程序 text属性设置 WXSS样式
Posted yocichen
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序 text属性设置 WXSS样式相关的知识，希望对你有一定的参考价值。
>微信小程序的布局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样式的主要内容，如果未能解决你的问题，请参考以下文章