CSS——文本样式(text-indent,text-transform,text-decoration,text-justify)

text-indent——缩进元素中文本的首行
eg.
p {text-indent: 5em;}, text-indent 还可以设置为负值:p {text-indent: -5em;},
不过在为 text-indent 设置负值时要当心,如果对一个段落设置了负值,那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题,建议针对负缩进再设置一个外边距或一些内边距:p {text-indent: -5em; padding-left: 5em;}

text-transform ——处理文本的大小写
none:不做处理
uppercase:全大写
lowercase:全小写
capitalize:搜字母大写

text-decoration ——文本装饰
none:不处理
underline:下划线
overline:上划线
line-through:穿透线
blink:文本闪烁

direction——设置文本的方向,是从左向右(默认)。还是从右向左

text-justify——可以使文本的两端都对齐。在两端对齐文本中,文本行的左右两端都放在父元素的内边界上。然后,调整单词和字母间的间隔,使各行的长度恰好相等。
注意:要先设置:text-align:justify之后才能设置text-justify的值
eg.
text-align:justify;
text-justify:inter-ideograph;
这样文本两端对齐,自动调节字体间距,保证两端不会留下空白

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值