如何删除订单列表中的上下空格

时间:2010-10-06 08:39:36

标签: javascript html css dhtml

<html>
<body>

sdadfasdf a
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
asfdasdfasdfadf

</body>
</html>

输出

sdadfasdf a

      
  1. 咖啡
  2.   
  3.   
  4. asfdasdfasdfadf

    如何删除订单列表中的上下空格

3 个答案:

答案 0 :(得分:5)

使用css:

ol  {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

答案 1 :(得分:3)

删除填充和边距:

ol {
  margin: 0;
}

答案 2 :(得分:2)

因为每个浏览器通常会将填充,边框和边距添加为所有标记的默认值,请尝试以下css:

html,body,div,p,h1,h2,h3,h4,h5,h6,address,blockquote,code,
ul,ol,li,dt,dl,dd,form,fieldset,hr,table,caption,tr,tbody,
td,tfoot,th,thead,img,object,sub,sup,big,small {
margin: 0;
padding: 0;
border: 0;
}

这应该将所有内容重置为0,包括空格。您可以根据自己的规则和法律移动和放置元素。