61,112
社区成员
发帖
与我相关
我的任务
分享ul li 对齐问题，请教web开发大牛.........
<html>
<body>
<h4>一个嵌套列表：</h4>
<div align="left">
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>红茶1</li>
<li>绿茶1</li>
</ul>
</li>
<li>牛奶</li>
</ul>
</div>
</body>
</html>
列表缩进，对齐都很正常。
<html>
<body>
<h4>一个嵌套列表：</h4>
<div align="center">
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>红茶1</li>
<li>绿茶1</li>
</ul>
</li>
<li>牛奶</li>
</ul>
</div>
</body>
</html>
列表不对其了。
请问能否有什么办法，让列表居中。但是缩进又正常呢？
...全文
请发表友善的回复…
发表回复
youjianbo_han_87 2011-08-11
- 打赏
- 举报
回复 T5500:
不好意思，我是html文盲。所以层啊，box，容器啊什么的，都不清楚。-_-!!!!!!
大家给的都可以用。谢谢大家。
不好意思，我是html文盲。所以层啊，box，容器啊什么的，都不清楚。-_-!!!!!!
大家给的都可以用。谢谢大家。
MuBeiBei 2011-08-11
- 打赏
- 举报
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body{}
ul{ width:100px;margin:0 auto;}
</style>
</head>
<body>
<h4>一个嵌套列表：</h4>
<div style="width:100%; min-width:1002px;">
<div style=" width:1002px; margin:0 auto;">
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>红茶1</li>
<li>绿茶1</li>
</ul>
</li>
<li>牛奶</li>
</ul>
</div>
</div>
</body>
</html>
乌镇程序员 2011-08-11
- 打赏
- 举报
<html>
<body>
<h4>一个嵌套列表：</h4>
<div style="margin:0 auto; width:300px;">
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>红茶1</li>
<li>绿茶1</li>
</ul>
</li>
<li>牛奶</li>
</ul>
</div>
</body>
</html>
给容器设置固定宽度并居中。
水平居中要用CSS来写，align="center"是对内容设置居中，跟BOX的居中不是一回事情。
