61,126
社区成员
发帖
与我相关
我的任务
分享看起来简单的难题：怎样能让
要实现一种效果：
怎样能将无序列表的默认缩进长度变小一些？
一般无序列表每一级都缩进2.5个字符，现在在一个论坛程序中，只想让它略微有缩进即可，并且不要前面的黑圆点。
去掉黑圆点可以作到，让无序列表整体向前缩回-2.5em也可以作到，但实在是不能让每级的列表都减少缩进程度，谁有办法吗？
---------------------------------------------
代码如下：
<ul>
<li>中国</li>
<li>北京北京北京北京北京北京北京北京北京
<ul>
<li>上海上海上海上海</li>
<li>广东广东广东广东广东
<ul>
<li>珠海</li>
<li>汕头</li>
<li>湛江</li>
</ul>
</li>
</ul>
</li>
<li>北京北京北京北京北京北京</li>
</ul>
样式表如下：
<style type="text/css">
<!--
li {text-indent: -2.5em; list-style-type: none}
-->
</style>
怎样能将无序列表的默认缩进长度变小一些？
一般无序列表每一级都缩进2.5个字符，现在在一个论坛程序中，只想让它略微有缩进即可，并且不要前面的黑圆点。
去掉黑圆点可以作到，让无序列表整体向前缩回-2.5em也可以作到，但实在是不能让每级的列表都减少缩进程度，谁有办法吗？
---------------------------------------------
代码如下：
<ul>
<li>中国</li>
<li>北京北京北京北京北京北京北京北京北京
<ul>
<li>上海上海上海上海</li>
<li>广东广东广东广东广东
<ul>
<li>珠海</li>
<li>汕头</li>
<li>湛江</li>
</ul>
</li>
</ul>
</li>
<li>北京北京北京北京北京北京</li>
</ul>
样式表如下：
<style type="text/css">
<!--
li {text-indent: -2.5em; list-style-type: none}
-->
</style>
...全文
请发表友善的回复…
发表回复
fjfjfj 2002-12-03
- 打赏
- 举报
真棒！谢谢！
方工 2002-11-06
- 打赏
- 举报
<html><head>
<style>
.cls1 li{margin-left:1em}
.cls2 li{margin-left:-1em}
</style>
</head>
<body>
wider...
<div class=cls1>
<ul>
<li>a<ul>
<li>aa<ul>
<li>aaa
<li>bbb
</ul>
<li>bb
</ul>
<li>b
</ul>
</div>
normal
<div>
<ul>
<li>a<ul>
<li>aa<ul>
<li>aaa
<li>bbb
</ul>
<li>bb
</ul>
<li>b
</ul>
</div>
small
<div class=cls2><ul>
<li>a<ul>
<li>aa<ul>
<li>aaa
<li>bbb
</ul>
<li>bb
</ul>
<li>b
</ul>
</div>
</body></html>
<style>
.cls1 li{margin-left:1em}
.cls2 li{margin-left:-1em}
</style>
</head>
<body>
wider...
<div class=cls1>
<ul>
<li>a<ul>
<li>aa<ul>
<li>aaa
<li>bbb
</ul>
<li>bb
</ul>
<li>b
</ul>
</div>
normal
<div>
<ul>
<li>a<ul>
<li>aa<ul>
<li>aaa
<li>bbb
</ul>
<li>bb
</ul>
<li>b
</ul>
</div>
small
<div class=cls2><ul>
<li>a<ul>
<li>aa<ul>
<li>aaa
<li>bbb
</ul>
<li>bb
</ul>
<li>b
</ul>
</div>
</body></html>
jarodzhao 2002-11-06
- 打赏
- 举报
用表格吧，能实现同样效果
