ul的margin撑不开想要的距离的办法

ul的margin撑不开想要的距离的办法
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml">
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5. <title>test</title>
6. <style type="text/css">
7. *{margin:0;
8. padding;0;}
9. span{background:#fdb48c;}
10. .warp{background:#666;
11. border:#000000 1px solid}
12. .warp ul{display:block; background:#ccc; list-style:none; margin:10px; padding:0px;}
13. </style>
14. </head>
15. <body>
16. <span> begin begin begin </span>
17. <div class="warp">
18. <ul>
19. <li>text text</li>
20. <li>text text</li>
21. <li>text text</li>
22. <li>text text</li>
23. <li>text text</li>
24. </ul>
25. </div>
26. <span> end end end end </span>
27. </body>
28. </html>
复制代码
给wrap加上边框可以解决这问题，，不过建议把ul:margin改为wrap：padding,,,更佳
相关阅读:
用SQL完成條件式查詢[收藏From 黃偉榮]
asp.net代码中尖括号和百分号的含义
 Python读取文本，输出指定中文（字符串）
nodejs Express 4.x req.body req.query req.params 三种获取参数的方法
 关于ImageMagick出现无效参数（invalid parameter）的解决方法
 JavaScript之数组循环 forEach 循环输出数组元素
 nodejs将PDF文件转换成txt文本，并利用python处理转换后的文本文件
 ImageMagick之PDF转换成图片（image）
POJ 2635 The Embarrassed Cryptographer（整数刷新，千进制取模）
js 获取目标网页源码
原文地址：https://www.cnblogs.com/wlgwilianm123/p/7440586.html