html - 删除 html 空格,使用 css

标签 html css

<分区>

这是CSS代码:

#div_0, #div_1 {
    width: 100px;
    height: 100px;
    display: inline-block;
}

#div_0 {
    background-color: #090;
}

#div_1 {
    background-color: #900;
}

这是 HTMl

<div id="div_0"></div>
<div id="div_1"></div>

显示如下: http://jsfiddle.net/7G63S/

如你所见,这里是 div 标签之间的香料,为了删除这个空间我可以这样写 html:

 <div id="div_0"></div><div id="div_1"></div>

问题解决: http://jsfiddle.net/7yE2M/

但是有趣的是,如果 html 看起来像这样,如何用 css 删除 div 之间的空间:

<div id="div_0"></div>
<div id="div_1"></div>

?

或者让这成为不可能?

附言white-space: nowrap 在这种情况下没有帮助。

最佳答案

在包装容器上将 line-heightfont-size 设置为 0 - 参见 http://jsfiddle.net/7G63S/1/

关于html - 删除 html 空格,使用 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12388463/

上一篇:html - 如何避免两个边界之间的差距?

下一篇:css - div float 和位置

相关文章:

javascript - 根据选择显示 div 并隐藏上一个 div

javascript - 为什么这个对维基百科的 API 调用只显示少数结果的摘录?

JQuery/CSS 菜单不会 float 在 ipad 上的固定 div 上

html - td 宽度问题内的多个输入字段

javascript - 如何使用 <select> <option> 切换 Twitter Bootstrap 选项卡 Pane ?

HTML, CSS - 使文本框宽度相同

javascript - CSS 过渡时间未应用于变换

html - 如何减少创建两列的 div 中的装订线大小?

css - 删除链接(href 标签)后图像变大,即使定义了高度

html - 输入字段的两个组件对齐(标签+字段)