Question

我在HTML中构建一个列表，其中的项目彼此相邻（内联）。所有物品都必须用子弹（＆amp; bull）分开，左右有一些填充物。我的问题是：我如何针对te＆amp; bull添加一些填充？

<ul>
    <li><a href="#">Disclaimer</a>&bull;</li>
    <li><a href="#">Sitemap</a>&bull;</li>
    <li><a href="#">Other</a></li>
</ul>

我尝试的CSS代码是：

ul li a:after{
    padding: 0 10px 0 10px;
}

Answer 1

您可以将保证金提供给锚标记

或你可以试试这个

<ul>
    <li><a href="#">Disclaimer</a><span>&bull;</span></li>
    <li><a href="#">Sitemap</a><span>&bull;</span></li>
    <li><a href="#">Other</a></li>
</ul>

和giv padding to span

Answer 2

试试这个

DEMO FIDDLE

<强> MARKUP

<ul>
    <li><a href="#">Disclaimer</a>
    </li>
    <li><a href="#">Sitemap</a>
    </li>
    <li><a href="#">Other</a>
    </li>
</ul>

<强> CSS

ul li {
    display:inline-block;
}
ul li a:after {
    content:"\2022";
    padding: 0 10px 0 10px;
}

CSS目标html实体

2 个答案: