text-indent和line-height
text-indent和line-height
拉普拉斯婷 发表于1年前
text-indent和line-height
  • 发表于 1年前
  • 阅读 22
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 学生专属云服务套餐 10元起购>>>   

摘要: 关于缩进和行高的简单学习

####text-indent 1、一般地,可以为所有块级元素应用text-indent,但不能用到行内元素、图像之类的替换元素

输入图片说明

输入图片说明

2、如果想把一个行内元素的第一行“缩进”,可以用左内边距或外边距创造这种效果。

输入图片说明

输入图片说明

3、text-indent也接受负值,但是为了防止负值超过浏览器的边界,一般给设置负值的标签再设置外边距或者内边距

输入图片说明

4、text-indent具有继承性

输入图片说明

输入图片说明 (亲测,是按照400px的10%缩进) ####line-height 如果使用默认值normal,通常都是字体大小的1.2倍,这使得行框要高于给定元素的font-size值。

line-height具有继承性,所以如果给父级设置了行高,子元素也会继承这个设置,从而会影响到子元素的布局,如果单独给子元素再设置行高,虽然可以,但是不实际。 解决办法是给父级元素一个数,由它设置缩放因子,缩放因子将是继承值而不是计算值,这个数会应用到该元素及其所有子元素,所以各元素都根据自己的font-size计算line-height

输入图片说明

输入图片说明

共有 人打赏支持
粉丝 0
博文 33
码字总数 5836
×
拉普拉斯婷
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: