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

前端之家收集整理的这篇文章主要介绍了html – 如何使块与元素坐在一起?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 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;
}

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

猜你在找的HTML相关文章