CSS列使我的LI项目符号消失
我如何找回我的外部列表子弹 当我在无序列表中使用CSS列和CSS列使我的LI项目符号消失,css,Css,我如何找回我的外部列表子弹 当我在无序列表中使用CSS列和外部光盘项目符号时,我的项目符号将消失,而不考虑列表元素上的填充 ,但我的长线被子弹包住了,这也是我想要避免的 向元素添加负文本缩进也不起作用;它只是删掉了开头的几个字母 我正在使用最新版本的Chrome。Firefox似乎没有受到影响。在列表元素中添加左填充和负文本缩进,同时使列表本身列表样式:在光盘中,似乎可以解决以下问题: .two-column-list { padding: 0 0.4em; list-styl
外部光盘
项目符号时,我的项目符号将消失,而不考虑列表元素上的填充
,但我的长线被子弹包住了,这也是我想要避免的
向
元素添加负文本缩进也不起作用;它只是删掉了开头的几个字母
我正在使用最新版本的Chrome。Firefox似乎没有受到影响。在列表元素中添加左填充和负文本缩进,同时使列表本身列表样式:在光盘中,似乎可以解决以下问题:
.two-column-list {
padding: 0 0.4em;
list-style: inside disc;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
.two-column-list li {
padding-left: 1em;
text-indent: -1em;
}
您可以在ul
元素上使用列表样式位置:inside
:
.two-column-list {
/* all the other stuff */
list-style-position: inside;
}
或在li
元素上:
.two-column-list li {
/* all the other stuff */
list-style-position: inside;
}
.two-column-list li {
/* all the other stuff */
margin-left: 1em;
}
()
或者您可以简单地为li
元素分配左边距
:
.two-column-list li {
/* all the other stuff */
list-style-position: inside;
}
.two-column-list li {
/* all the other stuff */
margin-left: 1em;
}
).似乎只要简单地将列表样式的位置设置为内部
就可以恢复项目符号。剩下的只是定位。我在最初的问题中注意到了这一点。需要在列表元素上添加其他样式,以防止文本在项目符号下换行。然后增加边距
。请发布CSS代码?我更改的唯一代码在答案中,但如果您愿意。。。