为了账号安全,请及时绑定邮箱和手机立即绑定

关于padding=0的问题

<body>
<div class="container">
   <ul>
       <li><a href="#">1</a></li>
       <li><a href="#">2</a></li>
       <li><a href="#">3</a></li>
   </ul>
</div>
</body>

css代码:

<style>
.container{    text-align:center;}
.container ul{
   list-style:none;
   margin:0;
   padding:0;    display:inline;}
.container li{
   margin-right:8px;
   display:inline;
}
</style>

为什么删除.container ul的display:inline样式,显示没有变化?而题目却是有这句话的

正在回答

4 回答

当父级元素设置了text-align:center的时候是会自动居中的,这时候浏览器的padding左右是一样多的,不会影响居中

0 回复 有任何疑惑可以回复我~
#1

qq_一生之久_0 提问者

会影响的,删除了padding=0这句话,结果图像确实往右移动了,你能解释这个现象吗
2016-04-02 回复 有任何疑惑可以回复我~
#2

qq_一生之久_0 提问者

非常感谢!
2016-04-05 回复 有任何疑惑可以回复我~

我想问关于margin=0的问题。。去掉是这个margin=0结果一样。。

0 回复 有任何疑惑可以回复我~

在ul和li的css中都有这句话display:inline;意思是将ul和li转换为内联元素,ul无序列表本是块元素。ul中包含li,所以去掉它们其中一个的display:inline;都没有影响。转换成内联元素后,就可以使用text-align:center;这一键值对。

0 回复 有任何疑惑可以回复我~
#1

jazia

去掉li里面的display:inline;是有影响的,你试试就知道了
2016-04-10 回复 有任何疑惑可以回复我~

 padding:0px:控件内边距为0,即控件内的文字图像等会贴着控件边排列

0 回复 有任何疑惑可以回复我~
#1

qq_一生之久_0 提问者

控件边是哪边?不懂你的意思,可以解释下吗
2016-04-02 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227301    人
  • 解答问题       18247    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

关于padding=0的问题

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号