CSS样式如何使ul 的li居中,其中li的display:block
5个回答
展开全部
以下是我在editplus里编辑的，确认已实现你要的效果，如果还是不行，请先确认你的CSS代码是否对该<li>的样式进行了重复设定。
================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<style>
#menu li {
display: block;
width: 120px;
float: left;
border: 1px solid #000;
text-align: center;
}
</style>
<body>
<div id="menu">
<ul>
<li><a href="" class="menu">主页</a></li>
<li><a href="" class="menu">功能一</a></li>
<li><a href="" class="menu">功能二</a></li>
<li><a href="../Default.aspx" class="menu">退出</a></li>
</ul>
</div>
</body>
</html>
================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<style>
#menu li {
display: block;
width: 120px;
float: left;
border: 1px solid #000;
text-align: center;
}
</style>
<body>
<div id="menu">
<ul>
<li><a href="" class="menu">主页</a></li>
<li><a href="" class="menu">功能一</a></li>
<li><a href="" class="menu">功能二</a></li>
<li><a href="../Default.aspx" class="menu">退出</a></li>
</ul>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你在说什么？
ul的li居中？li本来就是block元素，如果设置li里的文本居中用li{text-align:center;}
如果是其他情况，请描述清楚。。。
ul的li居中？li本来就是block元素，如果设置li里的文本居中用li{text-align:center;}
如果是其他情况，请描述清楚。。。
更多追问追答
追问
#menu{width:778px;height:30px;float: left;margin:0px;padding:0px;}
#menu ul{width:778px;height:30px;float: left;margin:0px;padding:0 0 0 50px;display:block;text-align:center;}
#menu ul li{height:30px;float: left;width:153px;margin:0px;padding:0px;display:block;}
主页
我想让“主页”居中，可它总是居左
追答
额，是这样的，如果你把#menu ul li{...}里面的 float和width 去掉 就居中了；
如果宽度想保留可以写成这样：
#menu ul li{height:30px;width:153px;margin:0 auto;padding:0px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
貌似这个是不可以的。我一般都是PADDING-LEFT一下
#menu li {
display: block;
width: 120px;
float: left;
border: 1px solid #000;
padding-left:200px;
}
#menu li {
display: block;
width: 120px;
float: left;
border: 1px solid #000;
padding-left:200px;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
竖着 valign=middle 横着 align=center
更多追问追答
追问
写在哪里啊？
追答
.......
或者加到.........
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
