我有几个统一的蓝色元素（<div style="display: inline-block;">) 位于紫色 div 内的红色 div 内。Mockup https://i.stack.imgur.com/ylTm9.png（图）。
我希望蓝色元素左对齐（一行中尽可能多的元素适合紫色 div 宽度），并用红色 div 收缩包裹它们。但我希望红色 div 水平居中在紫色 div 内。
我希望做类似的事情this http://jsfiddle.net/3wVTx/1/(jsFiddle)，但只有当红色 div 具有指定宽度时才有效。
回到这个问题，我找到了一个带有内联 CSS 且没有 javascript 的解决方案（这是我没有提到的额外约束）。
如果它是愚蠢的并且有效，那它就不是愚蠢的！至少我是这么告诉自己的。
我的解决方案是用几个“不可见”等宽 0 高度内联块元素填充子元素列表的末尾。我最终不需要“红色 div”来实现这个结果。
这是我的解决方案：http://jsfiddle.net/3wVTx/8/ http://jsfiddle.net/3wVTx/8/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
