css 设置相关的文本属性1——缩进和对齐

本文介绍了CSS中关于文本布局的关键属性,包括如何使用text-indent实现文本首行缩进、利用text-align进行水平对齐、通过line-height调整行间距,以及vertical-align属性在垂直对齐上的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

缩进文本:text-indent 属性,所有元素的第一行缩进给定的长度。这一属性不适用于行内元素和图像之内的替换元素。eg p { text-indent:10px;}会将p元素的第一行缩进10px;悬挂缩进: p {text-indent:-4em;}


文本的水平对齐:text-align属性,它会影响一个元素中的文本行相互之间的对齐方式。对应的值有:left,right,center,justify,inherit,记住,text-align只适用于块级元素。


文本的垂直对齐:  line-height:文本行基线之间的距离,一般line-height可以用来增或者减少文本行之间的垂直距离。line-height与字体大小只差为行间距。 eg p {font-size:20px;line-height:30px;}则此时行间距为5px;考虑到继承时,子元素的行高的相对与父元素计算,而不是相对于子元素计算。(!重要)。比较好的方法是line-height设定wie一个缩放因子,{line-height:1},这个值可以继承,从而,使得各元素都根据自己的font-size计算行高。


垂直对齐文本: vertcal-align:这一属性只适用于行内元素和替换元素(img等),该值不能继承。vertical-align 不影响块级元素中的内容对齐(!重要)。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值