Javascript 将div视为HTML中不存在的元素 添加一个显示：内联浏览器所需的所有处理“ >作为一个不存在的元素（确实要考虑HTML中的所有内容）

我想把这个

div

仅仅作为一个占位符，将javascript中的内容放入其中，我想知道让它

display:inline

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

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

---

只要没有使用任何宽度、高度、边距或填充设置div的样式，就可以保持原样。无需添加“display:inline；”。它的自然显示：块；只要它是空的，就不会占用任何空间

---

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

显然

div

在浏览器中默认具有一些显示属性。使用像

这样的标记似乎是一个很好的选择，它根本不会影响UI

“不存在”是什么意思？你说的“不存在元素”是什么意思？显示：内联将块元素（p，h1）转换为内联元素（b，i，u）。我猜您的意思是，一个元素在它之后不会产生换行符，因此如果它为空，它不会中断其他元素。在这种情况下，是的。@BrettDeWoody对不起！我更新了我的问题above@jeff你也是！它有时会添加一个新行！如果有指定给div的样式（通常是基本样式），则会执行此操作。若要确保容器不是这样，请确保为其提供一个类，如.user container，并使用填充设置其样式：0；保证金：0；高度：自动；等等。如果您仍然发现问题，您可能还需要查看线条高度样式。但是，我没有为div指定任何样式！你建议我做什么来补救这种情况？我应该把它换成另一个标签吗？例如，

我试过了，我认为效果很好。因此，我将继续这样做，而不是使用

div

Hi@好奇。我非常有兴趣了解您在div创建空间时遇到的麻烦。这可能是旧的浏览器问题。请查看此代码笔：。让我知道您的哪些浏览器呈现间隙。我尝试过的浏览器没有呈现间隙，但您可能有一个与我不同的版本。

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