我有这个 HTML:
<ul class="design-centre-links">
<li><a href="#design-centre">Overview</a></li>
<li><a href="design-centre.php?action=video-testimonials">Video Tertimonials</a></li>
<li><a href="design-centre.php?action=meet-the-team">Meet The Team</a></li>
<li><a href="design-centre.php?action=faq">FAQ</a></li>
</ul>
...我正在尝试将我的列表居中,使其位于页面中间。这是我试过但没有用的 CSS:
ul.design-centre-links {
text-align: center;
display: block;
}
ul.design-centre-links {
display: inline-block;
}
请帮忙。
最佳答案
正如 Ben Sewards 所说,使用
ul.design-centre-links li {
text-align: center;
display: block;
}
仅代替
ul.design-centre-links {
text-align: center;
display: block;
}
编辑:
你也可以用
ul.design-centre-links > li {
text-align: center;
display: block;
}
关于html - CSS 居中 ul 列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28118345/