CSS,居中的div,收缩适合？

这里是我想要的：

text text text text text text text text text text text
text text text text text text text text text text text
                   +-----------+
                   | some text |
                   +-----------+
text text text text text text text text text text text
text text text text text text text text text text text

…其中“一些文本”块是一个div。我想要的div是必要的最小宽度包含其文本没有包装。如果文本太长，不适合无包装，那么它是好的，如果它包装。

我不想为div设置显式宽度。我不想设置最小宽度或最大宽度;像我说的，如果有太多的文本，包含在一行没有包装，那么没关系，如果它包装。

解决方法

DIV元素默认是块级的，这意味着它们自动获得100％的宽度。要改变，使用这个CSS …

.centerBox {
  display:inline-block;
  text-align:center;
}


<div class="centerBox">
  Some text
</div>

编辑：更新为使用CSS类而不是内联属性，并将“块”更改为“inline-block”

原文地址：https://www.jb51.cc/css/222973.html