CSS一些基本的文本样式

设置文本的对齐方式

可选值:

left 左对齐,默认

right 右对齐

center 居中对齐

justify 二端对齐

设置文本修饰:是否下、上、中划线

text-decoration

可选值:

none:取消文本修饰

line-through:删除线

underline:下划线

overline:上划线

overflow:设置溢出内容的显示

hidden:溢出内容隐藏

auto:按需求生成滚动条

scroll:生成滚动条

overflow-x:设置水平方向的溢出

overflow-y:设置垂直方向的溢出

设置文本溢出的显示样式

text-overflow

可选值:

ellipsis :省略号

clip 剪切

本单行省略:

设置元素的宽高=》内容溢出是隐藏(overflow)=》

设置文字默认一行显示(white-space)=》文本溢出的样式text-overflow

设置文字阴影

text-shadow:x y blur color

x=>在水平方向的偏移量,正值向右

y=>在垂直方向的偏移量,正值向下

blur=>设置阴影的模糊范围

设置文字与图片对齐方式

vertical-align

可选值:bottom 底部对齐

top:顶部对齐

baseline:基线对齐

取消图片在默认情况下垂直方向的空白

属性值除baseline

设置文本的对齐方式 可选值: left 左对齐,默认 right 右对齐 center 居中对齐 justify 二端对齐 设置文本修饰:是否下、上、中划线 text-decoration 可选值: none:取消文本修饰 line-through:删除线 underline:下划线 overline:上划线 overflow:设置溢出内容的显示 hidden:溢出内容隐藏 auto:按需求生成滚动条 scroll:生成滚动条 overflow-x:设置水平方向的溢出 overflow-y:设置垂直方向的溢出 设置文本溢出的显示样式 text-overflow 可选值: ellipsis :省略号 clip 剪切 本单行省略: 设置元素的宽高=》内容溢出是隐藏(overflow)=》 设置文字默认一行显示(white-space)=》文本溢出的样式text-overflow 设置文字阴影 text-shadow:x y blur color x=>在水平方向的偏移量,正值向右 y=>在垂直方向的偏移量,正值向下 blur=>设置阴影的模糊范围 设置文字与图片对齐方式 vertical-align 可选值:bottom 底部对齐 top:顶部对齐 baseline:基线对齐 取消图片在默认情况下垂直方向的空白 属性值除baseline
经验分享 程序员 微信小程序 职场和发展