谁用了我的英文名 2016-02-14 02:39 采纳率: 83.3%
浏览 2510
已采纳

css/padding属性如何禁用

问题描述:
为了使ul-li居中对齐,采用text-align:center + display:inline方法
然而网上简单好用的方法拿到实际工作中就各种失效。最后检查问题发现了原因
这是正确的情况:
图片说明
这是错误的情况:
图片说明
竟然只需要将padding:0这个属性禁用掉就好了!
1.不理解为什么,padding:0应该是一个人畜无害的属性才对啊
2.怎么办,既不可能去修改公用的css样式,也不可能不引入这个css文件
css不存在"解除一个属性定义",只能"复写这个属性定义"
那么应该将padding属性设置成什么呢?
》》》附部分有效代码:

<style type="text/css">
    #wizard ul {
        list-style: outside none none;
        text-align:center;
        padding:0;/*万恶之源*/
    }
    #wizard ul li {
        color:#FFF;
        display:inline;
        float:left;
        width:14%;
        border-radius:5px;
        background-color:#000;
    }
    #wizard ul li div.index {
        float:left;
        width:24%;
        font-weight:bold;
    }
    #wizard ul li div.name {
        float:left;
        width:75%;
        text-align: left;
    }
</style>
</head>
<body>
    <div id="wizard" class="swMain">                    
        <ul id="0" class="" style="margin: 0px;">
            <li id="prog0" isdone="1" class="selected"><div class="index">1</div><div class="name">&nbsp;标签名称</div>
            </li>
            <li id="prog1"><div class="index">2</div><div class="name">&nbsp;标签名称</div>
            </li>
            <li id="prog2"><div class="index">3</div><div class="name">&nbsp;标签名称</div>
            </li>
            <li id="prog3"><div class="index">4</div><div class="name">&nbsp;标签名称</div>
            </li>
            <li id="prog4"><div class="index">5</div><div class="name">&nbsp;标签名称</div>
            </li>
            <li id="prog5"><div class="index">6</div><div class="name">&nbsp;标签名称</div>
            </li>
            <li id="prog6"><div class="index">7</div><div class="name">&nbsp;标签名称</div>
            </li> 
        </ul>                   
    </div>

求解决方案

  • 写回答

3条回答 默认 最新

  • qq_19891827 2016-02-16 06:58
    关注

    浏览器默认自带8px左右padding,,但该值在不同浏览器会有一定差别,可以重置为8px试试。如果你用了其他css类的框架该值视具体框架而定。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 outlook无法配置成功
  • ¥15 Pwm双极模式H桥驱动控制电机
  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换