CSS内联块div未正确显示

Question

谁能帮助我吗？我有这个带描述的链接列表的例子。 http://jsfiddle.net/FcN57/3/我需要从第一个链接的同一行开始解密，但它总是从下面的一行开始。我认为inline-block div应该并排显示

Answer 1

如果由于某种原因需要保留<br />（虽然我不像其他人那样推荐它），那么以下内容可能适合您：

http://jsfiddle.net/FcN57/12/

我添加了floats和clear:both将它们放在同一行。

Answer 2

您的代码中有分页符。无论显示类型如何，<br>都会打破流并将其后的所有元素放在新行上。

删除它们，它工作正常。

http://jsfiddle.net/Kyle_Sevenoaks/FcN57/6/

Answer 3

要在同一行显示说明，请删除<br />标记。您也可以使用span代替div。 span会在同一行显示文字。

http://jsfiddle.net/FcN57/10/

Answer 4

他们正在显示内联，不幸的是你在这里强行换线

    <div class="EsdVyberDocOdkaz">
        <a href="9CYjKkqzUU71" >link</a>
        <br> //this is your issue
        (
        <a href="9CYjKkqzUU71" >link</a>
        )
    </div>

您可以删除该换行符并将所有内容放在一行上，或者在您的描述之后移动您的括号内链接，如下所示：

<div class="EsdVyberDoc">
        <div class="EsdVyberDocOdkaz">
            <a href="9CYjKkqzUU71" >link</a>
        </div>
        <div class="EsdDocTitul">
            description description description
            </div>
            <br />
            (
            <a href="9CYjKkqzUU71" >link</a>
            )
 </div>