换行符因为它不适合一行,div与max-width一样宽,单词旁边有空格

时间:2016-06-08 10:18:11

标签: html css

所以当你有一个最大宽度为280px的div,以及两个长200px宽的单词。你会得到200px宽的两条线,但div的宽度保持在280px。是否有可能使外部div缩小到文本的宽度而不包含任何标签中的单词而不使用javascript?

我遇到过一些非常有用的案例,但是我找不到一个干净的解决方案,总是不得不诉诸javascript。

这是我想要使用的所有html:

<div>
  Loremipsum dolorsitamet.
</div>

我已经制作了一个jsfiddle来演示:https://jsfiddle.net/e7vz6zjw/1/

编辑:只是为了澄清,我不希望容器比文本宽!它应该看起来像jsfiddle

中的最后一个例子

0 个答案:

没有答案