如何防止 div 扩展?我希望带有元素的 div 不占用 100% 的可用空间,并且具有它的子项所具有的宽度。我需要这个来水平居中父 div。诀窍是子元素应该共享 float:left 或 diplay: inline-block 和 fluid width,所以子元素的行可以很少。
我不能将每一行都包装在自己的 div 中,因为它会破坏响应式设计。
原文由 vlad 发布,翻译遵循 CC BY-SA 4.0 许可协议
如何防止 div 扩展?我希望带有元素的 div 不占用 100% 的可用空间,并且具有它的子项所具有的宽度。我需要这个来水平居中父 div。诀窍是子元素应该共享 float:left 或 diplay: inline-block 和 fluid width,所以子元素的行可以很少。
我不能将每一行都包装在自己的 div 中,因为它会破坏响应式设计。
原文由 vlad 发布,翻译遵循 CC BY-SA 4.0 许可协议
3 回答902 阅读✓ 已解决
4 回答1.3k 阅读✓ 已解决
2 回答928 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
2 回答902 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
您应该使用
display: table;
它会缩小到其内容的大小,也可以居中和定位,而无需分配给定的宽度。演示 http://jsfiddle.net/kevinPHPkevin/9VRzM/