问答详情
源自:5-5 CSS3背景 制作导航菜单综合练习题

不是很明白li是怎么水平居中的,还有,如果我要调整这几个li之间的距离,是在li{}里加入margin吗

padding是该元素内部的东西到该元素边的距离,margin是该元素边到父元素边的距离?

提问者:风起临冬 2018-08-08 10:11

个回答

  • Cejron
    2018-08-08 11:03:36
    已采纳

    (1)li 居中      

    li本身是块元素(display:block;),会独占一行。把它设成行内块(display:inline-block;)后它,就不会独占一行了,并且这时它就具备了文字的属性(相当于一段文字),在父容器设text-align:center;就可以居中了。 

    父容器:ul{text-align:center;} 子元素 : li{display:inline-block;}

    (2)li距离     

    padding,margin都可以,但是padding会扩展自身的内容

    (3)margin是元素与元素之间距离