html – 如何使块与元素坐在一起？

发布时间：2020-12-14 19:37:51 所属栏目：资源来源：网络整理

导读：我有一个 here的一个模型布局.基本上有部分,列和字段,这些都是以 ul和 li元素.这是专门为稍后解析而完成的. HTML片段： li class="layout"span class="type"[Column] /span ul class="layout-children" li class="field"span class="type"[Text] /spanA fiel

我有一个 here的一个模型布局.基本上有部分,列和字段,这些都是以< ul>和< li>元素.这是专门为稍后解析而完成的.

HTML片段：

<li class="layout"><span class="type">[Column] </span>
    <ul class="layout-children">
        <li class="field"><span class="type">[Text] </span>A field</li>
        <li class="field"><span class="type">[Text] </span>Another field</li>
        <li class="field"><span class="type">[Text] </span>Yet another field</li>
    </ul>
</li>
<li class="layout"><span class="type">[Column] </span>
    <ul class="layout-children">
        <li class="field"><span class="type">[Text] </span>More fields</li>
        <li class="field"><span class="type">[Text] </span>And one more field</li>
    </ul>
</li>

如果你去linked content,你会注意到这些列垂直坐着.
我希望列彼此坐在一起,但我不知道该怎么做.

如果HTML没有改变,那么最好是CSS.

解决方法

我刚刚添加到你的css：

ul .section-children li.layout {
    display : inline-block;
}

不幸的是,我不知道如何支持内嵌块现在.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!