小程序文字缩进怎么实现?
小程序文字缩进怎么实现?大家应该都知道缩进是什么以上,我们在进行微信小程序文字设置时候,如果有小程序文字缩进功能,那么可以去改变文字的格式了,那么小程序文字缩进怎么实现呢?
小程序文字缩进怎么实现?
小程序文字缩进又指的是小程序text indent。
小编来解释一下:text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位。
em又是什么单位?
em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。
小程序文字缩进的wxmL由八大类基础组件构成,具体如下:
一、视图容器(View Container):
二、基础内容(Basic Content)
组件名说明组件名说明
view视图容器icon 小程序图标
scroll-view可滚动视图容器text文字
swiper可滑动的视图容器progress进度条
三、表单组件(Form)
四、操作反馈组件(Interaction)
组件名说明组件名说明
button按钮action-sheet上拉菜单
form表单modal模态弹窗
input输入框progress进度条
checkbox多项选择器toast短通知
radio单项选择器
五、导航(Navigation)
picker列表选择器组件名说明
slider滑动选择器navigator应用内跳转
switch开关选择器
label标签
六、多媒体(Media)
七、地图(Map)
小程序组件名说明组件名说明
audio音频map地图
image图片
video视频
八、画布(Canvas)
组件名说明
canvas画布
小程序文字缩进实现需要的微信小程序代码如下:
/** other.wxss **/
.appText{
margin:10px;
}
/** app.wxss **/
@import "other.wxss";
.content_text:{
margin:15px;
}
以上是小程序文字缩进怎么实现的全部内容了哦,感谢大家的耐心观看,如果你要实现小程序文字缩进功能的话,以上小编整理的内容供你参考,希望对您会有帮助哦,希望你能多关注微小乔。
微信小程序tab栏文字颜色修改怎么弄
微信小程序标题颜色怎么修改?
微信小程序轮播之文字轮播
上一篇:八大洲旅游预订
