html - 你能用 "display: inline"覆盖内部 吗

Question

给定:

<xyz id="xyz"><div>foobar</div></xyz>

有什么方法可以将 css 属性分配给 xyz，使 foobar 以内联样式而不是 block 形式显示？

Answer 1

只需使用 display: inline; 使您的内部 div 显示为内联

#xyz div{
  display: inline;
}

<div id="xyz">
<div>foobar_1</div>
<div>foobar_2</div>
<div>foobar_3</div>
</div>

您可以检查不同类型的 CSS display Property