如何删除内联块元素之间的空间[重复]答案

【问题标题】：How can I remove space between inline-block elements [duplicate]如何删除内联块元素之间的空间[重复]
【发布时间】：2013-12-15 01:41:06
【问题描述】：

我有这两个inline-block div，每个都有width: 50%。我需要它们排成一行。

<div class="inline">Left one</div>
<div class="inline">Right one</div>

我已经知道这是解决我的问题的实用方法，但我的代码看起来也不错。

<div class="inline">Left one</div><div class="inline">Right one</div>

有什么好看的解决方案吗？

提前致谢。

这是一个 JSFIDDLE 演示：JSFIDDLE

【问题讨论】：

标签： html css

【解决方案1】：

您可以尝试申请：

margin:0; padding:0; float:left;

另请查看此页面以了解替代方案：

【讨论】：

这将避免任何空间:)
谢谢，我一直在努力避免浮动..
不客气。我建议你看看这个非常解释的页面css-tricks.com/fighting-the-space-between-inline-block-elements

【解决方案2】：

不知道你想要什么，只要第二块代码有效，你为什么不使用它们？

或者你可以使用float:left

【讨论】：

【解决方案3】：

在类中添加“float:left”...

div.inline
{
    display: inline-block;
    width: 50%;
    outline: solid 1px #F00;
    float: left;
}

【讨论】：