在CSS list-style-image中將圖像顯示在文本的左側，是否可以將圖像移動到文本的右側？

Question

在CSS list-style-image中將圖像顯示在文本的左側，是否可以將圖像移動到文本的右側？

HTML

<nav id="headerNav"> 
<ul> 

    <li>Join Now</li> 
    <li id="login">Log In</li> 
</ul> 
</nav> 

CSS

#login { 
    list-style-image:url('login_padlock.png'); 
} 

那種你可以，但不能使用列表樣式圖像視

Answer 1

不使用list-style-image，沒有。然而，你可以像這樣分配一個背景圖像：

#login{ 
    background: url('login_padlock.png') no-repeat center right; 
} 

Answer 2

。你需要做的是使用與右側對齊的背景圖像。沿線的東西：

#headerNav li { list-style: none outside none; 
       padding-right: 25px; 
       background: url('login_padlock.png) 100% 0 no-repeat; } 

Answer 3

因爲我知道這是不可能的一個列表。

你可以做一個表，而不是一個列表，並手動將圖像與<img>標籤在上，單獨的列，與文本對齊設置爲正確的。