任何想法为什么当我将display: inline-block
应用于列表元素时,列表样式图像停止出现?内嵌块和列表样式图像的CSS问题
0
A
回答
6
列表项最重要的样式属性是其display
默认为list-item
。该设置是元素与各自的list-style
一起显示的原因。将display
设置为inline-block
会删除有关使您的列表项目成为列表项目的唯一信息。
1
如果你想有一个列表元素使用inline-block的,但仍然表现出子弹,你可以使用:: before伪元素和内容属性:
li {
display: inline-block;
}
li::before {
content: '\25cf\a0';
}
(\ 25CF是Unicode实心圆圈符号和\ a0是一个不间断的空间)。
1
您可以使用float:left;在你的li元素上添加最小宽度和最小高度
.footer ul li{
float: left;
list-style-image: url(../images/arrow.png);
margin: 0px 0px 10px 0px;
box-sizing: border-box;
min-height: 38px;
min-width: 300px;
}
相关问题
- 1. 样式内嵌图像和标题
- 2. CSS列表样式问题
- 3. CSS列表样式图像
- 4. CSS样式问题铬:直列块
- 5. WordPress的/ CSS:列表样式问题
- 6. CSS列表样式:低级Alpha问题
- 7. CSS在Internet Explorer中:列表样式图像和浮动:左问题
- 8. CSS列表样式图像大小
- 9. 内容滑块和最后一张图片的CSS样式问题
- 10. IE7和列表式样图像对齐问题
- 11. CSS样式表问题
- 12. CSS属性显示问题:内嵌块
- 13. CSS使用显示问题:内嵌块
- 14. CSS浮动/内嵌块问题
- 15. 如何将CSS样式表转换为内嵌CSS样式?
- 16. 表格和div图像的CSS问题
- 17. 内嵌块和列表中的块
- 18. DatePicker BeforeShowDay内容样式的CSS问题
- 19. 响应式图像和careousel问题CSS
- 20. HTML/CSS列表图像问题
- 21. 只内嵌样式与CSS
- 22. CSS - 样式图像标签的标题
- 23. 纵向列表CSS内嵌块项目
- 24. CSS样式问题
- 25. CSS样式问题
- 26. CSS样式问题
- 27. CSS样式问题
- 28. HTML和CSS - 内嵌块元素的问题
- 29. c#HTML内嵌样式报价问题
- 30. css内联块的问题
由于内嵌块不是列表项目? – BoltClock 2012-04-13 15:05:31