码迷,mamicode.com
                                                                              首页 > 微信 > 详细

                                                                              微信小程序 text属性设置 WXSS样式

                                                                              时间:2019-02-04 14:13:34      阅读:1565      评论: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;        /* ?#25442;?#34892; */ 
                                                                              white-space:nowrap;         /* ?#25442;?#34892; */ 
                                                                              vertical-align:middle;     /*把此元素放?#36855;?#29238;元素的中部。*/

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

                                                                              边框

                                                                              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

                                                                              (0)
                                                                              (2)
                                                                                 
                                                                              举报
                                                                              评论 一句话评论(0
                                                                              0条  
                                                                              登录后才能评论!
                                                                              ? 2014 mamicode.com 版权所有 京ICP备13008772号-2
                                                                              迷上了代码!
                                                                              宁夏11选5开奖查询