css3技术

CSS教程:什么是inline-block元素间距_div+css教程

字号+ 作者:H5之家 来源:H5之家 2015-09-15 13:02 我要评论( )

CSS教程:什么是inline-block元素间距,学习CSS教程:什么是inline-block元素间距,CSS教程:什么是inline-block元素间距,查看CSS教程:什么是inline-block元素间

CSS教程:什么是inline-block元素间距

 

现象描述

    首先我们来了解下什么是inline-block元素间距,真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子:

<input /> <input type="submit" />

把这行代码加上去,明显间距就出来了;

    我们在使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题:

.space a { display: inline-block; padding: .5em 1em; background-color: #cad5eb; }

<div class="space"> <a href="##">间距</a> <a href="##">怎么办</a> <a href="##">21视频教程网帮您解决</a> </div> 这种表现是符合规范的应该有的表现(如果有人认为是bug就太()ay ()oy 了)。
不过,这类间距有时会对我们布局,或是兼容性处理产生影响,需要去掉它,该怎么办呢?以下展示N种方法(欢迎补充)!

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • CSSfloats来创建三栏网页布局的方法_div+css布局教程

    CSSfloats来创建三栏网页布局的方法_div+css布局教程

    2015-10-02 15:03

  • CSS混合风格按钮无延迟翻转图形技巧_div+css布局教程

    CSS混合风格按钮无延迟翻转图形技巧_div+css布局教程

    2015-09-29 09:16

  • CSS定义表格溢出时的自动隐藏!_div+css布局教程

    CSS定义表格溢出时的自动隐藏!_div+css布局教程

    2015-09-29 08:18

  • CSS对文字溢出时的自动隐藏处理_div+css布局教程

    CSS对文字溢出时的自动隐藏处理_div+css布局教程

    2015-09-29 08:07

网友点评