html - 当浏览器变小时，将 li 水平更改为垂直

Question

我有一个<ul>列表，所有<li>项目都水平显示。我想要做的是<li>当浏览器变得太小而无法保持水平时，使最后两个项目垂直堆叠，而不是下降到下一行。

我创建了一个 jsfiddle示例

因此，您可以看到所有项目水平对齐，但是当您缩小显示窗口时，我希望将项目 5 和 6 放到下一行，然后水平堆叠并保持在同一行。

我怎样才能做到这一点？

score 1 · Accepted Answer

1

text-align: right;

将此添加到包含<ul>，这应该可以解决问题。

于 2012-08-07T08:34:57.677 回答

score 1 · Accepted Answer

text-align property在你的使用<ul>它可能会帮助你。

像这样使用：

ul {
    display: inline-block;
    text-align: right;
}

2 回答 2