Question

我有一个span文本，里面有max-width属性。有时候里面的文字大于最大宽度，所以跨度是破线。直到这里没问题。

但是当文本中断时，看起来它旁边的元素也不会消失。这是一个例子

<span> some text with fine width</span> <div> the div</div> 这会输出这样的东西： some text with fine width the div

但是当文字很长时，它看起来像是：

<span> some text with more the max width</span> <div> the div</div>

some text with more the div the max width

我希望它看起来像这样：

some text with more the max width the div

我设法做到了：

some text with more the max width the div

但我希望div只是在文本的最后一行旁边。这可以通过css吗？

Answer 1

在css中为该元素添加样式：

<div class="container">
    <div class="col_left">
        <span class="logo"></span>
    </div>
    <div class="col_mid">
        <input type="text">
    </div>
    <div class="col_right">
        <span class="inline_box"></span>
        <span class="inline_box"></span>
        <span class="inline_box"></span>
    </div>
</div>

Answer 2

在伪元素

之后

如果我正确理解了您的问题，那就是您要搜索的内容：

.stuff:after{
    content: "I am Groot.";
    display: inline-block;
    color: limegreen;
}

在结束标记之前插入

:after。同样在开始标记

之后:before

<强> JSFiddle

CSS：如何将元素放在最后一行文本旁边

2 个答案:

在伪元素