<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{ margin:0px; padding:0px;} ul{ 300px; padding-left:30px; }//padding必须卸载ul中,写在li中无效 li{ 180px; list-style:circle outside; } </style> </head> <body> <ul> <li>品牌商家免费提供试用品(免费试用总价值不低于1000元;付邮试用数量不小于200件)数量见合作细节</li> <li>品牌商家自己发货,邮费自己承担</li> </ul> </body> </html>
Chrome下
ie6、ie7下:
现在把css改为下面,就可以了,为什么li加了宽度会这样呢?想不明白,求高手解答
<style type="text/css"> *{ margin:0px; padding:0px;} ul{ 200px; padding-left:30px; } li{ list-style:circle outside; }/*180px;*/ </style>