[英]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.