我有一个
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.