如何在 IE6 和 7 中垂直对齐无序列表中的元素?
我不能只将行高设置为全高,因为我有 1 行元素和 2 行元素。
我的代码是:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
ul {
list-style: none;
border: 1px solid black;
height: 40px;
}
li {
float: left;
margin-right: 10px;
height: 40px;
width: 46px;
}
a {
}
</style>
</head>
<body>
<ul>
<li>
<a href="/">item1</a>
</li>
<li>
<a href="/">two lines</a>
</li>
</ul>
</body>
</html>
最佳答案
您不能将元素向左浮动并期望它们垂直排列....
移除
float: left;
从 LI 风格...
关于css - 如何垂直对齐无序 html 列表中的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1970838/