我正在尝试居中此菜单。为什么我不能用两种方式来集中它呢?我试图用html和css作为中心,如注释所示。我只是想知道为什么,我可能会弄清楚,但这需要很长时间。我知道我可以解决它的位置:绝对;顶部:50%;左:50%;但即使如此,我如何以一种好的方式使用它?我如何正确使用绝对定位并以一种好的方式?什么是相对位置?这是用来做什么的,这与绝对的比较是什么? Plz,谢谢。我怎么不能居中这个html?
这里是我的CSS:
ul {
text-align: center; /* How come this doesn't center it? */
padding: 4px;
list-style-type: none;
margin: 0;
overflow: hidden;
}
li {
float: left;
}
a.menuItem:link,
a.menuItem:visited {
display: block;
width: 120px;
font-weight: bold;
color: white;
background-color: #800000;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
a.menuItem:hover,
a.menuItem:active {
background-color: black;
}
这里是我的HTML:
+0
''元素已在HTML5下弃用,不应再使用。 –