css怎样设置ul的li 居中均匀排列
我弄菜单栏的时候把ul设置成960px、横向排列，但所有的li都缩在一起，没有在960px之间均匀分开，求高手帮忙解决！（不要设置li的宽度的那种）
<ul >
<li>Home</li>
<li>About Us</li>
<li>Department</li>
<li>Declaration></li>
<li>Services</li>
<li>Apply Link</li>
</ul>
设置margin的话在IE6浏览差别太大
css设置ul的li 居中均匀排列,我们首先需要做的就是将这个ul的width和height确定，使用margin让ul居中，margin的用法如图：
，然后在设置li的width和height，然后给li一个float，通过代码来理解：
<html>
<head>
<style>
ul{
width:300px;
height:30px;
border:1px solid #f00;
marign:0 auto;
}
li{
width:50px;
height:30px;
float:left;
}
</head>
<body>
<ul>
<li>名字1</li>
<li>名字2</li>
<li>名字3</li>
<li>名字4</li>
</ul>
</body>
</html>
如果想少出现兼容问题可以使用padding本回答被提问者采纳
<!--
div{text-align:center;}
ul{width:960px; border:#F00 solid 1px;}
ul li{float:left; margin-left:20px;}
-->
</style>
<div>
<ul>
<li>Home</li>
<li>About Us</li>
<li>Department</li>
<li>Declaration></li>
<li>Services</li>
<li>Apply Link</li>
</ul>
</div>
html css 里面 一个div里的ul怎么让他居中对齐?
1、首先先打开我们的开发环境 新建一个web项目。2、在html中引入css文件 这里是html页面的代码 div和ul。3、将所有标签的margin和padding初始为0 然后将父级div的display设置为flex align-items设置为center 。4、运行web项目后得到的结果如图所示 垂直居中了。5、 将display设置为table-cell，将vertical...
CSS里 ul标签怎么居中啊
要实现UL标签水平居中，关键在于CSS中 display:inline 的运用。HTML代码具体示例：<div id="links"> <ul> <li><a href="#"> <\/a><\/li> <li><a href="#"> <\/a><\/li> <li><a href="#"> <\/a><\/li> <li><a href="#"> <\/a><\/li> <li><a href="#"> <...
CSS中使用ul和li实现居中
通常情况li上加float:left是为了让标签并排显示，如果不加的话默认就是换行的 而上面加position: relative; left: -50%;这个可能是写代码的人想让每个标签都向左移动一半的位置，有点像是书页或者纸张层叠的效果，也许可以不用相对定位来处理，可以加例如margin-left:-100px;一样可以达到效果，只不过...
怎么设置ul ,li标签元素横排且居中啊?
居中显示，把ul，li用一个盒子nav装起来，并设置 “text-align: center;”属性即可，即内容居中。具体如下例所示 <!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" " http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> <html xmlns=" http:\/\/www.w3.org\/1999...
css如何让ul居中
需要准备的材料分别有：电脑、浏览器、html编辑器。1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。2、在index.html中的<style>标签中，输入css代码：#menu {text-align: center}。3、浏览器运行index.html页面，此时成功实现了ul标签的居中显示。
求ul中的li布局CSS布局,横向垂直都要居中,如何实现?
屏幕宽超过你设定的界限时，li的百分比宽度小点，然一行能排三个或更多 屏幕宽小于你设定的界限时，把li百分比宽度设置到40-50%左右，一行只摆两个 <div class="wrapper"> <ul id="lists"> <li><a href="###"><img src="1.jpg" alt="" \/><\/a><\/li> <li><a href="###"><...
急!CSS中,怎么让ul li中的图片和文字横向水平居中
建一个div，ul里面包括四个li，在css样式里面设置li水平对齐就行了，text-align:center; 如果发现图片不能对齐的话，可以对它单独设置个padding值。
如何设置ul标签居中显示?
1、新建一个html文件，命名为test.html。2、在test.html文件内，创建一个div模块，在div标签内，使用ul、li标签创建一个无序列表。3、在test.html文件内，设置div的class为mydiv，主要用于设置div的css样式。4、在css标签内，通过class设置div的宽度为300px，高度为200px，背景颜色为灰色。5、在test...
关于css里<li>内文字 竖直居中 ?
1.首先，打开HTML编辑器并创建一个新的HTML文件，比如index。说明:html，用于填写代码的基本层次的问题。- 2.在index.html中的<style>标签中，将“.shoucang .sc_ul li”中的“height: 73px;”调整为：height: 73px;padding-top: 7px;。3.最后，浏览器运行index.html页面，发现li标记中的文本...
css如何让ul居中
第一个问题 UL设置margin:0px auto是指UL本身相对于父级对象居中。你的UL父级对象是DIV，所以并不是相对屏幕居中，而是相对父级DIV300个PX的居中。解决这个问题的方法是把DIV的宽度去掉，让DIV默认为BODY的宽度。或者干脆直接把父级的DIV去掉。第二个问题 如果要垂直居中，valign很多浏览器兼容性不好...
