簡體   English   中英

加號登錄UL項目符號列表?

[英]Plus sign in a UL bullet list?

我需要一個項目符號列表才能在頁面中生成一些標簽。 這是我目前正在處理的頁面:

http://citydev.pipehosting.it/francia-en-it/parigi-it/torre-eiffel.html

我需要在其中一個選項卡(均為<li>元素)之一中寫“ + Info”,但改為顯示為“ Info +”(如訪問鏈接所示)。

我的HTML清單:

<ul class="tabs"> 
    <li class="current"><strong>Prodotto</strong></li> 
    <li>Cosa include</li>
    <li>In evidenza</li> 
    <li>Come funziona</li> 
    <li>Consegna</li>
    <li>+Info</li> 
    <li>Video</li> 
</ul>

您可以嘗試如下操作:

ul li:before { 
    content: "+"; 
    position: absolute; 
    left: -5px;
}
ul li { 
    text-indent: -5px; 
}

有關更多信息,請檢查W3C上的列表樣式類型

樣本演示

這是因為選項卡列表中文本的方向設置為right to left 要解決此問題,請修改css以left to right覆蓋此聲明:

.tabs li {
    direction: ltr;
}

或刪除direction: rtl; ul.tabs上設置的位置ul.tabs

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM