div 之间的换行会呈现一个空格。如何从 HTML 中消除它？

我有以下布局

<div style="width:100px">
    <div style="width:50%; display: inline-block;">
        div1
    </div>
    <div style="width:50%; display: inline-block;">
        div2
    </div>
</div>

因为在 html 中，关闭和打开 div（div1 和 div2）之间存在换行，所以浏览器会添加一个“空格”字符来代替换行符，这会导致第二个 div 显示在第一个 div 下方。

但是，如果您删除 div1 和 div2 之间的 \n，那么它们会彼此相邻显示，这是预期的行为。

<div style="width:100px">
    <div style="width:50%; display: inline-block;">
        div1
    </div><div style="width:50%; display: inline-block;">
        div2
    </div>
</div>

然而这使得代码看起来很丑陋。我目前正在使用<DOCTYPE html>。我也尝试过切换到 XHTML，但没有成功。我很确定有某种方法可以消除这种换行行为，有什么想法吗？

仅供参考：我不想在渲染期间使用 float 或解析 php 中的 html 输出来删除换行符。

另一种可能的方法是将父元素的字体大小设置为零，然后将子元素的字体大小设置为您需要的任何内容。喜欢：

#mybar { font-size: 0; }
#mybar span { font-size: 14px; }

但是，您必须注意 font-size = 0 根据浏览器的不同显示有所不同：http://webdesign.about.com/od/fonts/qt/tipfont0.htm http://webdesign.about.com/od/fonts/qt/tipfont0.htm

我在 Firefox 中测试并按预期工作。如果我没记错的话，最小字体大小也可以根据浏览器设置，所以，它可能不一致。