最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

行内元素padding和margin在什么情况下无效

来源:动视网 责编:小采 时间:2020-11-27 19:46:50
文档

行内元素padding和margin在什么情况下无效

行内元素padding和margin在什么情况下无效:这次给大家带来行内元素padding和margin在什么情况下无效,使用行内元素padding和margin在什么情况下无效的注意事项有哪些,下面就是实战案例,一起来看一下。行内元素的纵向padding和margin都是不考虑的,这是css规范定义的。inline元素确实可以设置垂
推荐度:
导读行内元素padding和margin在什么情况下无效:这次给大家带来行内元素padding和margin在什么情况下无效,使用行内元素padding和margin在什么情况下无效的注意事项有哪些,下面就是实战案例,一起来看一下。行内元素的纵向padding和margin都是不考虑的,这是css规范定义的。inline元素确实可以设置垂


这次给大家带来行内元素padding和margin在什么情况下无效,使用行内元素padding和margin在什么情况下无效的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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

2.行内元素的padding、margin是否无效?
答:

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

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

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

  • 相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

    推荐阅读:

    前端项目中初始化项目结构

    vue-cli根据环境生成测试包和生产包

    文档

    行内元素padding和margin在什么情况下无效

    行内元素padding和margin在什么情况下无效:这次给大家带来行内元素padding和margin在什么情况下无效,使用行内元素padding和margin在什么情况下无效的注意事项有哪些,下面就是实战案例,一起来看一下。行内元素的纵向padding和margin都是不考虑的,这是css规范定义的。inline元素确实可以设置垂
    推荐度:
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top