0
是否這樣？在列表標籤之間放置DIV標籤有效嗎？
<li>Menu1</li><div></div>
<li>Menu2</li><div></div>
我這樣做的原因是使用CSS來設置div的樣式來製作帶有漸變的分隔符。
A
回答
2
沒有。您可以檢查自己的位置：http://validator.w3.org/
您可能能夠得到使用CSS僞元素::after，這取決於你如何造型你<li>提供了一個類似的結果。
E.g.
li {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
li::after {
display: inline-block;
content: "";
width: 10px;
height: 10px;
background: #000;
}
根據需要應用梯度的背景。
請注意，要支持IE8，您需要使用舊語法:after，而IE 7根本不支持此僞元素。
+0
這是一個非常整潔的解決方案，我可以避免將僞元素添加到最後一個列表項，但？ – user1209203
+1
這個作品李：不（：最後孩子）::之後 – user1209203
+0
@ user1209203：是的，點上。請注意，IE8不支持'：not（）'。如果你想支持IE8，你可以使用'：before'而不是':: after'，並且添加'li：first-child：before {display：none;}'（我認爲）。 –
1
不！檢查它：http://validator.w3.org/
編輯驗證此程序，看看它是不是有效的：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>Menu1</li>
<div></div>
<li>Menu2</li>
<div></div>
</ul>
</body>
</html>
+1
這在所有瀏覽器中都沒有任何問題？ –
+2
+0
@StefanBrendle：總是？在所有情況下？沒有問題嗎？瀏覽器之間完全一致？你確定？ –
2
1
您更好地使用這樣的，
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>Menu1</li>
<li><div></div></li>
<li>Menu2</li>
<div></div>
</ul>
</body>
相關問題
- 1. 如何在div標籤頂部放置div標籤
- 2. div標籤控件放置
- 3. 創建兩列有序列表。我可以在OL和LI標籤之間放置DIV嗎？
- 4. 如何在div中設置p標籤，在td標籤中設置div標籤
- 5. 間距div標籤表
- 6. 在週期標記之間放置x軸標籤
- 7. 刪除div標籤之間的空間
- 8. div標籤之間的垂直空間
- 9. 兩個div標籤之間的空間
- 10. Docusign API，在發送之前放置所有簽名標籤
- 11. HTML對象標籤可以放在HTML表單標籤中嗎？
- 12. 佈置div標籤
- 13. 標籤之間的preg_replace標籤
- 14. 硒標籤之間getAttribute標籤？
- 15. html把div放在z軸上的td標籤之間
- 16. 各地div標籤裹表標籤
- 17. 獲取DIV標籤之間的值？
- 18. 域之間提供單一div標籤
- 19. preg匹配標籤之間的標籤之間的相同標籤
- 20. 如何放置的div標籤爲數據列表控制
- 21. 在xticks之間設置標籤
- 22. 標籤掉下來在列表標籤
- 23. HTML5標籤和div標籤
- 24. 在python中放置標籤
- 25. Bootstrap標籤有效
- 26. 當標籤放置在標籤內時，圖片標籤顯示pdf圖標
- 27. 如何將視頻標籤放在div標籤中？
- 28. 如何將textarea標籤放在div標籤內？
- 29. 使用css將div標籤放在彼此頂部的標籤
- 30. 如何將img標籤和div標籤放在一起？
也許可以添加空li標籤，並且您可以爲其添加樣式 –
否 - @ user1209203爲什麼需要添加它們？如果你想要一些風格，只需添加一個'span'並使其成爲'display：block;'給它一個div的特徵。 – Nitesh
我只是使用圖像背景，我希望只使用CSS – user1209203