我需要一些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; } }
现在,最后一个命令“width:-moz-fit-content;”正是我需要的!
只有问题是..它只能在Firefox上工作。
我也尝试用“display:inline-block;”,但我需要这些div的行为像div。也就是说,下一个div应该在下一个div,而不是inline。
你知道任何可能的跨浏览器解决方案吗?
解决方法
最后我简单地使用:
display: table;