0

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

4

4 回答 4

1

如果您出于某种原因需要保留它<br />(尽管我不推荐它像这里的其他人一样),那么以下内容可能对您有用:

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

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

于 2012-09-21T11:33:14.843 回答
0

您的代码中有分页符。A<br>将中断流并将其后的任何元素放在新行上,无论显示类型如何。

删除它们,它工作正常。

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

于 2012-09-21T11:29:28.473 回答
0

要在同一行显示描述,请删除<br />标签。您也可以使用span而不是div. span将在同一行显示文本。

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

于 2012-09-21T11:29:34.813 回答
0

不幸的是,它们被内联显示,您在此处强制换行

    <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>
于 2012-09-21T11:29:59.007 回答