我正在制作一个具有2列（DIV）布局的响应式网站。我用于display:inline-block对齐DIV，并用于margin-left将DIV2与DIV1分开。
DIV2在移动设备上不会显示任何内容。当它没有内容时，margin-left出于某种原因，它仍将DIV1推入值。
我希望它会被完全忽略，而DIV1会单独居中，但它并不会像这样。#div2:empty这不是我尝试过的选项，它不起作用，因为DIV2实际上不为空；它具有仅在移动设备上显示内容的脚本，因此:empty在这种情况下不起作用。
我做了一个简单的JS小提琴来演示该问题：http : //jsfiddle.net/3rvGZ/
您将看到，尽管DIV2没有内容，但仍会将DIV1推到左侧。
处理它的最简单方法是将元数据添加到DOM中，但这似乎不是一种选择。
该margin-left属性应用于空元素。但是如果你用
position: relative;
left: 20px;
on DIV2，仅当其中包含内容时才考虑在内。
如果这可以解决您的问题，那么看起来就足够简单了。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句