Question

我有段落的文字和div有什么像“更多”这样的东西：

<div>
    <p>
    Lorem ipsum dolor sit ametm.
    </p>
    <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
    </p>

    <div class="extra">more</div>
</div>

我需要将额外的div放在段落中最后一个单词的末尾，在同一行。

像这样：这是p的结尾 - 更多

使用p：after选择器执行此操作似乎很容易，但我无法使用它，因为我需要使用jquery中的“extra”div。

我需要使用display或display-inline来显示段落。

有人有小费吗？非常感谢！

编辑：我需要将旁边的div添加到 - 不包含在 - p中那就是问题

我尝试使用span和inside-block但没有运气

Answer 1

试试这个：

    <div>
        <p>Lorem ipsum dolor sit ametm.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. 
<span class="extra">more</span>   
        </p>
    </div>

Answer 2

你可以在div上使用display: inline-block吗？

这使得元素具有宽度，高度（以及其他框属性，如填充），但在定位时，其行为类似于段落中的字符。

哦，你也可能不得不把div放在最后一段中，否则段落会把它推下来 - 段落在页面中有自己的方框。

CSS：在段落结尾后将Div放在同一行

2 个答案: