你能用 "display: inline" 覆盖内部 <div> 吗

Question

鉴于：

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

有没有办法，我可以将 css 属性分配给 xyz，使 foobar 以内联样式而不是块显示？

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

Can you overwrite an inner <div> with a "display: inline"