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

前端之家收集整理的这篇文章主要介绍了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”

猜你在找的CSS相关文章