ul怎么在div里面居中

div有宽,ul没有,li是通过php用来动态放页码的,怎让ul不管里面有多少页码都在div里面水平居中

推荐的做法是不用ul和li来做页码,而是直接用a标签来做
<div>
<a href="#">1</a> <a href="#">2</a> <a href="#">3</a>
</div>
然后设置div text-align:center,再定义一下超链接的边距什么的就可以了。因为ul宽度不定的水平居中太复杂了,很难实现,与其纠结这样的问题,还不如把它简单化处理。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-03-22
如果ul不设定宽度的话无法直接加css使其居中,可以给你一个建议,你可以在ul外面套一个table,table不设宽度的情况下默认是宽度最小化的,加margin:0 auto;就可以居中并且宽度自适应伸展;
你用ul做页面无非是做一行显示而已,你直接用table布局的话还更省事
大家都强调div+css就认为table布局没用了,其实div+table+css布局有时候会更好的布局,要适当的运用不同标签才是最好的选择
第2个回答  2013-03-23
给ul设置宽度,ul{ width:90%; margin:0 auto;}
第3个回答  2013-03-22
div的css中加 text-align:center;试试

ul如何在div里水平居中?html\/css
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的<ul>标签中,输入样式代码:text-align: center;list-style: none;。3、浏览器运行index.html页面,此时ul成功在div中居中了。

htmlcss里面一个div里的ul怎么让他居中对齐?
1、首先先打开我们的开发环境新建一个web项目。2、在html中引入css文件这里是html页面的代码div和ul。3、将所有标签的margin和padding初始为0然后将父级div的display设置为flexalign-items设置为center。4、运行web项目后得到的结果如图所示垂直居中了。5、 将display设置为table-cell,将vertical-align设置...

如何设置ul标签居中显示?
3、在test.html文件内,设置div的class为mydiv,主要用于设置div的css样式。4、在css标签内,通过class设置div的宽度为300px,高度为200px,背景颜色为灰色。5、在test.html文件内,再设置无序列表ul的样式 ,使用width属性设置其宽度为100px,同时使用margin属性设置其居中显示。6、在浏览器打开test.ht...

html无序列表怎么在div中居中?
1、首先在html编辑器中新建一个html文件,写入一个div并给div设置class属性,然后在div里面设置一个无序列表:2、接着设置一下div的样式,给它一个宽度和高度及背景颜色即可。然后设置div中的ul的属性的display的属性值为table,之后在设置margin的值上下边距为0,左右为auto,ul列表就居中了:3、最后...

div中有个ul,如何使这个ul在div中水平居中呢?
ul{list-style:none;}.box ul li{float:left;width:100px;height:100px;line-height:100px;background:#00aff0;text-align:center;font-size:14px;color:#fff;}<\/style><div class="box"><ul><li>演示效果<\/li><li>演示效果<\/li><li>演示效果<\/li><li>演示效果<\/li><\/ul><\/div...

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="#"> <...

让ul在div里水平居中
div,ul{padding:0px;margin: 0px;} <\/style> <\/head> <body> <div style="width:400px;height:100px; background: #eee; text-align: center; text-align: -webkit-center;"> <ul style="width: 50px; height: 100px; background: #ccc;"> <\/ul> <\/div> <\/body> <\/html> ...

div里面怎么把文字垂直居中
dw里css中文字怎么上下居中?1、首先打开DW软件进入软件主界面,点击【插入】选项。2、找到【布局对象】——【Div标签】,即插入一个Div标签。3、设置类为【1】,再设置CSS样式,设长宽均为300确定。4、文本是居左的。如果要居中显示,那么就从CSS面板中找到类【1】的CSS样式,并在分类找到Text-...

css如何让div页面居中css怎样让div居中
p里的ul下面的li居中对齐,关键点如下:1、CSS设置好Li的宽度2、Li的css加上居中代码text-align:center。例子如下:居中文字1 居中文字2 居中文字3 居中文字4 居中文字5 居中文字6 p+css页面居中代码?网页经常需要将p在屏幕中居中显示,以下几个常用的方法,都比较简单。水平居中直接加上center>标签...

在div里,如何把两个ul水平居中在一个div里
把这两个UL方到一个DIV里,margin的值一样就行了。实在不行,你可以把他们放TABLE里。

相似回答