dreamweaver关于<ul>去除了list-style-type之后元素不能居中的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了dreamweaver关于<ul>去除了list-style-type之后元素不能居中的问题相关的知识,希望对你有一定的参考价值。

已经设置了ul list-style-type:none;每个项目之前的符号不见了,但整个Ul没有办法居中,
如图,外面的实线框是div,ul总在偏左的位置,怎样把它弄到中间?
<style type="text/css">
ul li a
display:block;
color:#CC0000;
text-decoration:none;

.botton
padding:5px;
border:0px;
margin:10px auto 10px;
width: 150px;
position:relative;
left:40px;

ul
list-style-type:none;
font-size:12px;

li
text-align:center;

a
color: black;
-webkit-border-image: url(img/orange01.png) 0 5 0 5 stretch stretch;
-moz-border-image: url(img/orange01.png) 0 5 0 5 stretch stretch;
padding:3px;

a:hover
-webkit-border-image: url(img/yellow.png) 0 5 0 5 stretch stretch;
-moz-border-image: url(img/yellow.png) 0 5 0 5 stretch stretch;
color:#636;

a:active
color:white;
-webkit-border-image: url(img/water.png) 0 5 0 5 stretch stretch;
-moz-border-image: url(img/water.png) 0 5 0 5 stretch stretch;

</style>
</head>
<body>
<div class="botton">
<ul>
<li><a href="#">01</a></li>
【字数问题,下面和上一行都是一样的】
</ul>
</div>
</body>

给ul或者li设个width呀~~在加个padding-left:;padding-right来定位一下,左右相同的距离~这样就居中了!! 参考技术A 代码粘出来看看追问

粘了

以上是关于dreamweaver关于<ul>去除了list-style-type之后元素不能居中的问题的主要内容,如果未能解决你的问题,请参考以下文章

html中用ul 时可以去除列表前面的点 那用ol时可以去除吗

板邓:去除wordpress菜单自带的id和ul样式

html中怎样让多个li标签横排显示

HTML ul要怎么去点?

如何修改列表项li、ul前的圆点小方块

html中用ul 时可以去除列表前面的点 那用ol时可以去除吗