Question

这个Lorem ipsum文本不在div中，无论我尝试过什么，我都无法使其适合。它也没有换行。

顺便说一下，我正在使用chrome。

如何实现这种自动换行？

<div class="row">
  <div class="col-md-12" style="word-break: break-all; display: inline-block; overflow: hidden ">
    <div> Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum Lorem ipsum lorem ipsumLorem ipsum lorem ipsumLorem ipsum lorem ipsumLorem ipsum lorem ipsum </div>
  </div>
</div>

我将它放在一个Bootstrap Dropdown中。

编辑：line-break: strict;也不起作用。 text-overflow: ellipsis; width: 150px; white-space: nowrap;

也没有

Answer 1

这是因为它是Bootstrap Dropdown：

以下是解决方案： style="word-wrap: break-word; white-space: normal;"

断言＆amp;显示：内联不起作用

1 个答案: