行内元素的padding和margin是否有效

yangrd 发布于2019-08-29 15:28 / 891人阅读

摘要：行内元素的纵向和都是不考虑的，这是规范定义的。元素确实可以设置垂直方向的和值，但是元素的和的垂直方向上不产生边距效果，即不影响布局。首先行内元素是否具有盒子模型答行内元素同样具有盒子模型。

行内元素的纵向padding和margin都是不考虑的，这是css规范定义的。inline元素确实可以设置垂直方向的padding和margin值，但是inline元素的margin和padding的垂直方向上不产生边距效果，即不影响布局。

1.首先行内元素是否具有盒子模型？
答：行内元素同样具有盒子模型。

2.行内元素的padding、margin是否无效？
答：

行内元素的padding-top、padding-bottom、margin-top、margin-bottom属性设置是无效的；

行内元素的padding-left、padding-right、margin-left、margin-right属性设置是有效的；

行内元素的padding-top、padding-bottom从显示的效果上是增加的，但其实设置的是无效的。并不会对他周围的元素产生任何影响。

案例参考:https://www.jianshu.com/p/862...

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113343.html

我的面试之旅

摘要：个人的面试踩坑之旅，充满诚意的干货一今日头条用实现一个自适应的正方形详细参考方法单位优点简洁方便缺点浏览器兼容不好方案设置垂直方向的撑开容器按照规定，的百分比数值是相对父元素宽度的宽度计算的。行框的宽度是由包含块和存在的浮动来决定。个人的面试踩坑之旅，充满诚意的干货~ 一：今日头条 1.用css实现一个自适应的正方形详细参考：https://idiotwu.me/css-respon...

Airy 2019-08-29 12:33 评论0 收藏0
我的面试之旅

摘要：个人的面试踩坑之旅，充满诚意的干货一今日头条用实现一个自适应的正方形详细参考方法单位优点简洁方便缺点浏览器兼容不好方案设置垂直方向的撑开容器按照规定，的百分比数值是相对父元素宽度的宽度计算的。行框的宽度是由包含块和存在的浮动来决定。个人的面试踩坑之旅，充满诚意的干货~ 一：今日头条 1.用css实现一个自适应的正方形详细参考：https://idiotwu.me/css-respon...

jkyin 2019-08-20 16:16 评论0 收藏0
我的面试之旅

摘要：个人的面试踩坑之旅，充满诚意的干货一今日头条用实现一个自适应的正方形详细参考方法单位优点简洁方便缺点浏览器兼容不好方案设置垂直方向的撑开容器按照规定，的百分比数值是相对父元素宽度的宽度计算的。行框的宽度是由包含块和存在的浮动来决定。个人的面试踩坑之旅，充满诚意的干货~ 一：今日头条 1.用css实现一个自适应的正方形详细参考：https://idiotwu.me/css-respon...

沈建明 2019-08-01 16:46 评论0 收藏0
HTML 3-列表、表单、语义化

摘要：有序列表无序列表自定义列表在语义上的区别有序列表列表有顺序编号默认列表前加，，，编号，适用于有逻辑顺序的排列项目，而且次序不能乱。另外，在类型中，一致时代表选项为一组。提交是表单的提交按钮，将表单中的数据发送给后台服务器有序列表、无序列表、自定义列表在语义上的区别 1.有序列表ol>li；列表有顺序编号（默认列表前加1.，2.，3.，...编号），适用于有逻辑顺序的排列项目，而且次序...

gaara 2019-08-29 15:28 评论0 收藏0
HTML 3-列表、表单、语义化

摘要：有序列表无序列表自定义列表在语义上的区别有序列表列表有顺序编号默认列表前加，，，编号，适用于有逻辑顺序的排列项目，而且次序不能乱。另外，在类型中，一致时代表选项为一组。提交是表单的提交按钮，将表单中的数据发送给后台服务器有序列表、无序列表、自定义列表在语义上的区别 1.有序列表ol>li；列表有顺序编号（默认列表前加1.，2.，3.，...编号），适用于有逻辑顺序的排列项目，而且次序...

Xufc 2019-08-02 10:29 评论0 收藏0