如何在<span>中显示<div>元素？

Question

我的容器元素是a <span>,我想在其中显示一个<div>元素.如何<div>在<span>没有制作的情况下添加内部<div> display: inline;？

<span>
    <div>Content goes here</div>
</span>

Answer 1

将跨度更改为显示块？但它完全没有意义,如果你需要一个块,然后用div替换span.您的文档也不会以这种方式验证,并且不同浏览器中的行为有点不可预测......

Answer 2

当我第一次认为我需要这个时,我最终做的就是将跨度改为div.但不是将div保留为显示:block(默认)我指定了要显示的样式:inline-block,这允许块所以可以使用内部div,但仍允许我放置多个div之一在同一条线上.

<div style="display:inline-block">
  <div>context on top</div>
  <div>context on bottom</div>
</div>
<div style="display:inline-block">
  <div>context on top</div>
  <div>context on bottom</div>
</div>

这应该将2个块彼此相邻(不使用浮动),并且每个块的内部应该有2个块,一个在彼此的顶部.您还可以指定样式的宽度,使其看起来像您想要的样子.