html : can I specify it is arranged by horizontal or vertical?

Question

例如:

<ul>
    <li>a</li>
    <li>b</li>
</ul>

默认生成:ab但我想要:

a
b

我该怎么做？

Answer 1

请记住，HTML 是一种标记语言，它定义了内容的语义(意义)。水平显示列表的问题是一个表示(显示)问题。因此，您正在寻找的解决方案将涉及 CSS。

通过 floating li元素，我们可以实现你想要的效果:

ul li {
    float: left;
}

您还可以尝试将 li 元素转换为内联或内联 block 元素:

ul li {
    display: inline-block;
}

注意与使用这些 CSS 属性相关的其他效果。查看这些关于这些属性如何工作的文章:

• > http://reference.sitepoint.com/css/displaypositionfloat
• > http://reference.sitepoint.com/css/display