+ -
当前位置:首页 → 问答吧 → 请教css样式问题

请教css样式问题

时间:2011-09-15

来源:互联网

list-style-position: inside;
 list-style-type: disc;
我这样设置li元素,里面全是链接a,但是默认的点和链接的首个字符之间的间距很大?
请问用什么属性可以修改两者之间的距离?

作者: hbwenjun   发布时间: 2011-09-15

HTML code

<style>
    li { list-style-position:inside; list-style-type:disc; text-indent:-2em; }
</style>
<ul>
    <li>123</li>
</ul>



貌似不行啊,是个整体,
要不就换个方法,把li的样式去掉,用这样
<li><span>*</span>some text</li>
再来调 span li 的位置

作者: calmcrime   发布时间: 2011-09-15

HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style>#main li{list-style:none;}</style>
 </head>
 <body>
  <div id="main">
   <ul>
    <li>˙天眼</li>
    <li>˙&nbsp;天眼</li>
    <li>˙&nbsp;&nbsp;天眼</li>
    <li>˙&nbsp;&nbsp;&nbsp;天眼</li>
    <li>˙&nbsp;&nbsp;&nbsp;&nbsp;天眼</li>
   </ul>
  </div>
 </body>
</html>

作者: puyawei   发布时间: 2011-09-15

HTML code
˙天眼
˙ 天眼
˙  天眼
˙   天眼
˙    天眼

作者: puyawei   发布时间: 2011-09-15