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”

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效