當瀏覽器變小時讓li水平變爲垂直

Question

我有一個<ul>列表，所有<li>項都是水平顯示的。我想要做的是讓最後兩個<li>項目在瀏覽器太小時垂直堆疊，以使它們全部保持水平，而不是下降到下一行。

我創建了一個的jsfiddle example

所以你可以看到所有的項目水平對齊，但是當你縮小顯示窗口，而不是項目5和6下探至下一行我想再到水平堆疊並留在同一條線上。

我該怎麼做？

Answer 1

使用text-align property在您的<ul>它可能會幫助你。

使用這樣：

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

工作Demo

Answer 2

text-align: right; 

將此添加到包含<ul>，應該做的伎倆。