我需要一些divcenter-positionedfit their content width同时。

我现在这样做:

.mydiv-centerer{

  text-align: center;

  .mydiv {
    background: none no-repeat scroll 0 0 rgba(1, 56, 110, 0.7);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px #0099FF;
    color: white;
    margin: 10px auto;
    padding: 10px;
    text-align: justify;
    width: -moz-fit-content;
  }
}

现在,最后一个命令*“宽度:-moz-fit-内容;”* 是exactly我需要的!

唯一的问题是..它仅适用于 Firefox。

我也尝试过*“显示:内联块;”* ,但我需要这些 div 表现得像 div 一样。under , 并不是inline, 以前的。

您知道任何可能的跨浏览器解决方案吗?

答案

最后我简单地使用以下方法修复了它:

display: table;

来自: stackoverflow.com