2 qq 26946497 qq_26946497 于 2016.02.14 10:39 提问

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
qq_19891827   2016.02.16 14:58
已采纳

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

showbo
showbo   Ds   Rxr 2016.02.14 11:05

ul,li,form这种有些浏览器有默认的padding,margin值,所以你要统一显示,必须设置padding:0;margin:0去掉浏览器默认的空白边才行

showbo
showbo 回复谁用了我的英文名: 这个和padding没关系啊,你去掉padding后使用默认的系统空白变,左边肯定会出现空白。设置也居中啊,只是左边留白和你右边有点差距而已,应为你是按照比例14%来设置li,右边的空白和左边空白肯定不会100%一样的,你的li应该是100/7=14.28.
2 年多之前 回复
qq_26946497
qq_26946497 但是设置padding之后就无法让li居中对齐了
2 年多之前 回复
meng20166
meng20166   Rxr 2016.02.15 09:42

你不要将padding的值设为0,设为ul的默认值

qq_26946497
qq_26946497 不是我设置的,没法不设置,也不知道如何重置为默认值
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
CSS中 Padding和Margin两个属性的详细介绍和举例说明
本文将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键. 注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词语; 原因二: 即使有这样的词语, 由于在编写css代码时, 必须使用margin和padding, 如果我们总用汉语词
CSS框模型(盒子模型)padding与border属性
框结构模型图一: 元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。 提示:背景应用于由内容和内边距、边框组成的区域。 框结构模型图二:   外边距可以是负值 CSS padding 属性 padding 属性接受长度值或百分比值,但不允
CSS深入理解之padding
CSS深入理解之padding
CSS的方框属性(border,padding,margin)
方框属性 /*边框样式使用border属性,任何元素都具有四个边框,每个边框都可以单独定义粗细,颜色和样式。*/ .tableborder{ border-bottom-color:red;/*边框颜色*/ border-bottom-style:double;/*边框样式*/
盒子模型里面的margin属性和padding属性杂记
深入理解css中的margin属性:点击打开链接 容器外距离:margin是指从自身边框到另一个容器边框之间的距离。(没有背景颜色,完全透明) 容器内距离:padding是指自身边框到自身内部另一个容器边框之间的距离。(会受到框中填充的背景颜色影响)
CSS中padding属性的参数顺序
Padding属性是在网站建设的过程中是必不可少的,它的主要作用就是设定对象四边的补丁边距,padding可以说给我们带来的麻烦不少,最大的一个就是浏览器兼容性问题,这里先抛开这个不说了,单来分析一下padding中参数属性的作用规则,也就是哪个参数对应哪个补丁,从例子说起。test{padding:10px 12px 14px 16px}这里所有的参数都有了,那么它们的作用顺序是上右下左。Test{padding:10px 12px 14px}这里有3个参数,那么它们的作用顺序是第一个参数是用于上方,第二
html-css表单的margin-right/padding-right属性设置无效解决办法
博主原来一开始是想实现form标签中的input元素离浏览器的右边界有一定距离的效果,但是无论我在input的css中调margin-right还是在form中调padding-right都不能实现前面说的效果,后来博主改变思路用div来包裹input在调padding还是不行,我擦。于是我在改变思路用table来包裹,然后再调padding,嘿,这下可以了。 调整失败的代码 <!DOCTYPE
css padding简写方式
◆如果四边的值都存在   padding:1px2px3px4px; 等效于: padding-top:1px; padding-right:2px; padding-bottom:3px; padding-left:4px;     ◆如果四边的值省略一个,只写三个:   padding:1px2px3px; 则等效于: padding-top:1px; paddi
不让padding影响元素的宽度
CSS3 新增了 box-sizing 属性。 以前,如果指定 div 的宽度为div { width: 100px; height: 100px; padding: 10px; }则包含 padding,div 的实际宽度为 120px。 有时我们不希望 padding 影响到 div 的实际宽度。以前只能手动计算 width,从 CSS
CSS属性总结(二):text, font, margin, padding
文本 color 设置元素内文本的颜色。值可以取任意CSS支持的颜色值,包括颜色名称(如red, blue)、十六进制颜色值(如#ff0000)或者rgb颜色值(如rgb(255, 0, 0))。默认为#000000,黑色。 direction 设置元素内文本的书写方向。取值有ltr(从左至右)和rtl(从右至左)。默认为ltr。 letter-spacing 设置相较默认状态下增加或