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/

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