将div视为HTML中不存在的元素

Question

是否添加了display:inline浏览器显示所需的全部内容，以便将<div>视为不存在的元素（我想考虑一下div中的所有内容）？ / p>

我正在考虑将这个div简单地作为占位符从javascript中添加内容，我想知道是否应该将其设为display:inline

注意如果不存在，我的意思是，如果用户说他想在页面上显示以下内容

<something here>
    <something else here />
    ....
</something here>

然后UI上的最终结果将是他想要的。当前在它周围加div就是在这个和其他东西之间添加一个换行符。

我将这个div添加到用户（用户是使用我编写的功能的程序员）输出的函数中。我想让这个div对用户完全不可见。目前有时会注入新的生产线。例如，两个按钮之间有一个换行符

<div>
    <button>Something</button>
    <div>
        <button>Else</button>
    </div>
</div>

Answer 1

只要您没有使用任何宽度，高度，边距或填充样式设置div，就可以将其保留原样。无需添加“display：inline;”。这是自然的显示：阻止;很好，只要它是空的，就不会占用任何空间。

然后，如果您使用javascript注入内容，则div将增长以适应内部内容。

Answer 2

显然，div在浏览器中默认有一些显示属性。使用像<placeholder>这样的标签似乎是一个不会影响用户界面的好选择。