Question

我对HTML非常熟悉，但这正在摧毁我：

我的侧面导航几乎是红色的。

链接就像这样

________________________________
                          link  |
                          link  |
                          link  |
                          link  |
---------------------------------

当我希望链接在该框中居中时

这是我的css。

 #secNav{
 float:right;
 border:thin;
 background:#F23C3B;
 margin:20pz
 ;
 color:#FFFfff;

}

 #secNav a{
  text-decoration:none;
  color:#fff;
  list-style-type:none;


 }

 #secNav ul {
list-style-type: none;


 }

任何帮助？

Answer 1

首先，您如何在代码中声明保证金？你想说：

margin: 20px;

然后也可以将未排序的列表包装在一个div中，然后将两边的边距设置为自动？

.ul{
margin-left:auto;
margin-right-auto;
}

Answer 2

以下是基于您的问题和CSS的一个示例， FIDDLE

<nav id="secNav">
  <ul>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
  </ul>
</nav>

#secNav {
  background: #f23c3b;
  float: right;
  width: 200px;
  margin: 20px;
  border: 1px thin;
}
#secNav ul {
  list-style: none;
  padding: 0;
  text-align: center;
}
#secNav ul li {
  margin: 5px 0;
}
#secNav ul li a {
  text-decoration: none;
  letter-spacing: 1px;
  color: #fff;
}

侧面导航，链接粘在右边

2 个答案: