CSS中的文本對齊

我正在處理一個項目，其中我想在頁面右側的無序列表中顯示一些文本，如CSS中的文本對齊

這是演示文本。 Ø

但它是未來像

。這是演示文本Ø

在

頁面的右側，其中o是子彈。

我已經使用過方向：rtl;爲了這。我也嘗試過浮動等以達到所需的結果，但沒有成功。

誰能告訴我如何實現上述結果？

來源

2013-04-15 user2281539

只是浮到右側'ul'和刪除方向 – Morpheus

你可以在這裏發佈你的代碼嗎？ – 2013-04-15 07:24:57

它不會工作，除非你做一些黑客，因爲這是'方向：rtl | ltr'的預期功能。你可以跳過標點符號，因爲你正在使用項目符號列表。 –

您可能不想使用direction: rlt; - 據我瞭解，它更適用於實際文本方向是從右到左的用途。

一個快速簡便的方法來達到類似的效果將是隱藏普通子彈，並通過CSS替換它們，例如：

.list-right li { 
    text-align: right; 
    list-style: none; 
} 
.list-right li:after { 
    content: ' \2022'; /* Bullet */ 
    margin-left: 0.5em; 
}

JS Bin demo

來源

2013-04-15 07:35:23

CSS中的文本對齊

回答

相關問題