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

请问li的文字怎么实现在ul水平居中的?

<link rel="stylesheet" href="http://www.w3cplus.com/demo/css3/base.css">

link的base.css没有相关的样式啊,是用来干嘛的?

li的文字怎么实现在ul水平居中的?

提问者:caixiangqi 2015-04-29 19:42

个回答

  • muge10
    2015-05-07 23:58:08

    因为这个HTML中ul没有初始化,打开chrome 开发者工具可以发现这个ul是自带  -webkit-padding-start: 40px;  也就是说 40px 的左填充,之所以最右边看起来也这么宽,是因为固定了整体宽带,你把宽度删掉就发现了。这就是它居中的原因。左边填充40px,然后计算宽度把右边也留出来这么宽,看起来就居中了。如果把ul 初始化,就是padding:0; 就会发现左边对齐了。


  • 成者并非一蹴而就
    2015-04-30 19:31:45

    link:href 是引用作者提供的CSS,,那个链接你可以浏览器打开的,然后自己建一个CSS文件,就成了本地引导

    <link rel="stylesheet" src="xxx.css" >   HTML5最新规范默认不写type,默认type为CSS,JS文件为JS

    li中的文字,若是在一个DIV中,可以通过

    text-align:center

    实现文字居中

  • 慕郎_莲华
    2015-04-30 10:32:54

    text-align: center?