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

标签 html css

例如:

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

默认生成:ab 但我想要:

a
b

我该怎么做?

最佳答案

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

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

ul li {
    float: left;
}

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

ul li {
    display: inline-block;
}

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

关于html <ul> : can I specify it is arranged by horizontal or vertical?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4023428/

相关文章:

html - CSS - 如何使单词的结尾变得模糊?

html - node.js , mongodb, mongoose, html 如何插入数据(在 index.html 中)?

css - 具有最小宽度的固定位置列布局

javascript - 用于获取正在单击的按钮附近的 'a' 标签的 href 的 jquery 代码

css - 两列 div 布局,一列占其余部分

javascript - 防止虚拟键盘向上推内容

html - 仅在特定类下更改特定元素

javascript - 如何减少 Google 登录所需的权限

html - 在 css 中,是否可以捕获属性值以在同一个选择器中重用?

html - 滚动时CSS动画元素