Question

我对HTML代码一无所知，我正在使用我在线使用的模板www.lemontierres.com。我有一些指向我博客顶部页面的链接，但我希望将它们放在我的博客的中心而不是左侧，我不知道如何解决这个问题？我用Google搜索并找到了一些答案，但我不知道如何将它们应用到我的情况中。任何帮助将不胜感激！

<div class='nav'>
<ul class='menu' id='menu'>
    <li><a expr:href='data:blog.homepageUrl'>home</a></li>
    <li><a href="http://www.lemontierres.com/p/about-me.html">about me</a></li>
    <li><a href="http://www.lemontierres.com/p/business-inquiries.html">contact/business inquiries</a></li>

    <li><a class='drop-ctg' href='#'/>
    <ul>
        <li><a href='#'> 1</a></li>
        <li><a href='#'> 2</a></li>
        <li><a href='#'> 3</a></li>
        <li><a href='#'> 4</a></li>
   </ul>
</ul>

Answer 1

简单的CSS可以解决这个问题

ul {
    text-align: center;
}

Answer 2

我认为这就是你要找的东西。第一个CSS将所有<li>元素放入内联而不是堆叠，第二个中心放置所有文本。

ul.menu li {
    display: inline;
}
ul {
    text-align: center;
}

JSFIDDLE DEMO

Answer 3

放<center> <ul> <li><a href="">link</a></li> <li><a href="">Link2</a></li> </ul> </center> 这就是我要做的。基本上你只需要将中心标签放在链接的代码周围。如果那不起作用，请执行JRULLE和Vector所说的内容。

如何集中这些链接？

3 个答案: