css – 如何让div自动设置自己的宽度?

前端之家收集整理的这篇文章主要介绍了css – 如何让div自动设置自己的宽度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我如何让DIV的宽度像浮动时一样:左设置,但没有设置浮动? width:auto似乎没有这样做(在chrome中).

我想尝试以下类似的工作……

.center
{
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

解决方法

您可以尝试显示:inline-block,看看它是否适用于您的情况.但是,您将无法使用margin-left:auto& margin-right:auto,因为该技术需要宽度值.

如果可能,使用display:inline-block并在其容器上设置text-align:center.

<div style="text-align: center">
  <div style="display: inline-block;">
     This will expand only as far as it needs to
  </div>
</div>

请参阅jsFiddle上的工作演示:http://jsfiddle.net/64kY8/

猜你在找的CSS相关文章