Html 水平列表-列表项之间的项目符号等距/居中
我希望水平列表中的项目符号位于每个列表项之间的中间/中间。我想让子弹在每件物品之间居中 以下是我的css代码:Html 水平列表-列表项之间的项目符号等距/居中,html,css,Html,Css,我希望水平列表中的项目符号位于每个列表项之间的中间/中间。我想让子弹在每件物品之间居中 以下是我的css代码: .tags-mid { padding: 20px; margin-top: 15px; text-align: center; } .tags-mid ul { font-size: 25px; font-family: 'Open Sans', sans-serif; } .tags-mid li { displ
.tags-mid {
padding: 20px;
margin-top: 15px;
text-align: center;
}
.tags-mid ul {
font-size: 25px;
font-family: 'Open Sans', sans-serif;
}
.tags-mid li {
display: inline;
line-height: 25px;
padding-right: 20px;
padding-left: 20px;
}
.tags-mid li:after {
content: " · ";
}
.tags-mid li:last-child:after {
content: "";
}
.tags-mid a {
color: #000;
text-transform: uppercase;
text-decoration: none;
}
.tags-mid a:hover {
color: #000;
text-decoration: none;
}
尝试将
填充应用于:after
伪元素,而不是列表项。这里有一个指向JSFIDLE的链接:你能做一把小提琴并把它贴出来吗: