小编Ral*_*ops的帖子

CSS text-align无效

我这里有这个css代码

.navigation{
    width:100%;
    background-color:#7a7a7a;
    font-size:18px;
}

.navigation ul {
    list-style-type: none;
    margin: 0;
}

.navigation li {
    float: left;
}


.navigation ul a {
    color: #ffffff;
    display: block;
    padding: 0 65px 0 0;
    text-decoration: none;
}
Run Code Online (Sandbox Code Playgroud)

我想要做的是集中我的班级导航.我尝试使用text-align:center;,vertical-align:middle;但他们都没有工作.

这是HTML代码

<div class="navigation">
<ul>
<li><a href="http://surfthecurve.ca/">home</a></li>
<li><a href="http://surfthecurve.ca/?page_id=7">about</a></li>
<li><a href="http://surfthecurve.ca/?page_id=9">tutors</a></li>
<li><a href="http://surfthecurve.ca/?page_id=11">students</a></li>
<li><a href="http://surfthecurve.ca/?page_id=13">contact us</a></li>
</ul>
</div><!--navigation-->
Run Code Online (Sandbox Code Playgroud)

当我说它不起作用时,我的意思是文本与左边对齐.

css text-align text-alignment

10
推荐指数
2
解决办法
8万
查看次数

8
推荐指数
1
解决办法
3993
查看次数

标签 统计

css ×1

rust ×1

rust-chrono ×1

text-align ×1

text-alignment ×1