我有一个<ul>列表，所有<li>个项目都是水平显示的。我想要做的是让最后两个<li>项目垂直堆叠，当浏览器太小而不能全部保持水平，而不是下降到下一行。
我创建了一个jsfiddle example
因为您可以看到所有项目都是水平对齐的，但是当您缩小显示窗口时，而不是将项目5和6放到下一行，我想要水平堆叠并保持在同一条线上。
我该怎么做？
答案 0 :(得分：1)
text-align: right;
将此添加到包含<ul>的内容中，这应该可以解决问题。
答案 1 :(得分：1)
在text-align property <ul>使用ul {
display: inline-block;
text-align: right;
}
可能对您有所帮助。
使用像这样：
{{1}}
工作Demo