您当前的位置: 首页 > 

暂无认证

  • 3浏览

    0关注

    92582博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

line-height最详解

发布时间:2020-10-31 02:52:46 ,浏览量:3

line-height

在这里插入图片描述

注意点: 行高和盒子高不是同一个概念 行高指的是每行内容的高度 盒子高指的是元素的高度

在这里插入图片描述 怎么办? 第一步:先把行高设置成20px 第二步;再设置自身padding的top与bottom为20px就行了.这样就和行高80px一样。 在这里插入图片描述

在这里插入图片描述

还原字体与字号:
54-清空默认边距
		

葬爱:非主流文化的常用词,是当今网络流行术语.且流行于非主流杀马特之中。葬,即埋葬,爱,即爱情,翻译成外语就bury love

注意点;

这两行文字要达到垂直居中的话,应该行高*2+font-size+padding-top就等于line-height了.110;

效果: 在这里插入图片描述

margin传递问题

1.在父子元素中, 如果给子元素设置了margin-top, 默认会传递到父元素?怎么办? 2.2给父元素添加两行代码

overflow: hidden; *zoom: 1; 
57-margin传递问题
		
"father">
"son">

注意点:是给父元素添加哦(这两句代码) 在这里插入图片描述

效果:

在这里插入图片描述

关注
打赏
1653961664
查看更多评论
立即登录/注册

微信扫码登录

0.0457s