我需要一些div作为中心位置,同时适合它们的内容宽度.
我现在这样做:
.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;
}
}
Run Code Online (Sandbox Code Playgroud)
现在,最后一个命令"width:-moz-fit-content;" 是正是我所需要的!
唯一的问题是..它只适用于Firefox.
我也试过"display:inline-block;" ,但我需要这些div表现得像div.也就是说,每下一格应下,而不是内联,以前的.
你知道任何可能的跨浏览器解决方案吗?