HTML+CSS基础课程 水平居中总结-不定宽块状元素方法（二）疑问
list-style:none；删掉圆点并没有出现， .container ul{list-style:none;margin:0;padding:0;display:inline;}设置padding值为6按道理是：文本与div边框之间的间隙，可是只是向右移了，可是不是有top bottom right 和left 的padding吗？且display：inline 删掉也没有变化
Katherine_2015
2016-10-14
1 回答
【list-style:none；】【设置padding值为6】
你可以试下，先把【list-style:none；】这句去掉，再【设置padding值为6】
你会发现，右移了，圆点出来了，而之后，你哪怕把padding设置为66、666、666666666666666，都没有新变化。因为你没有写单位，【padding:6;】这样其实是无效的，0无所谓单位了，可以不写，而不为0的值就要写单位
所以【list-style:none；】【设置padding值为6】两句同时存在时，相当于把padding 去掉，只留下前一句。右移只是因为，没有padding:0，圆点回来占位置了，只是不显示而已。
你可以试着删掉这句【list-style:none；】，然后padding:0px开始，一点点加padding的值，你就能看到圆点从左边缘一点点冒出来。所以你一开始说的【list-style:none；删掉圆点并没有出现】，是因为padding:0的时候，圆点在显示范围之外
【且display：inline 删掉也没有变化】你先加个背景色，比如 background:#ccc，然后再增删display：inline ，你再看有没有变化
举报
0/150
提交
取消
