4-1老师就视频中的display案例提出几个问题?

4-1老师就视频中的display案例提出几个问题?

1、为什么父元素设置font-size=0,在设置子元素的font-size时,中间的空格围殴什么会消失?

2、块级元素转为行级元素之后,为什么设置的padding和magrin左右有效果,上下没有效果 呢?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
ZaneLiu24 2018-02-06 11:47:54

一个问题,中间的空格形成原因是一个空白字符。行内元素取消掉空格从而简单解决了所有空白字符。但块级元素只能通过将字符的大小设为0来解决这一问题。

第二个问题,margin和padding可以用于内联元素,这是规范所允许的,但是margin和padding对内联元素(对行)的高度没有影响,并且由于边界效果是透明的,他也没有任何的视觉影响。这是因为边界应用于内联元素时不改变元素的行高度,如果你要改变内联元素的行高即类似文本的行间距,那么你只能使用这三个属性:line-height,fong-size,vertical-align。

  • 为什么vertical能够改变内联元素的行高?
    2018-08-11 11:29:03
  • 文本样式中讲到了vertical-align的使用哦,可以自己再去看看。
    2018-08-12 08:30:13
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师