在html列表中删除填充

问题描述：

我在div中添加了无序列表，并且删除了它的项目符号。现在我想删除div和list之间的空格，以便列表可以移动到左边角落。任何人都可以建议我如何删除左侧空间/列表和div之间的差距。由于在html列表中删除填充

    <div class="divLeftPanel"> 
        <div> 
         <ul> 
          <li>Location</li> 
          <li>Bangalore</li> 
          <li><br/></li> 
          <li>Work area</li> 
          <li>IT</li> 
          <li><br/></li> 
          <li>Employment type</li> 
          <li>Regular full time</li> 
          <li><br/></li> 
         </ul> 
        </div> 
       </div>

这里是我的CSS

.divLeftPanel{ 
    float: left; 
    height: 100%; 
    width:30%; 
    padding-left: 0px; 
} 
ul 
{ 
    font-style: italic; 
    font-weight: bold; 
    list-style-type: none; 
    margin-left: 0px; 
}

用于填充左：0;如果没有工作比显示您的代码 –

填充左：0px不在这里工作 –

检查到这http://jsfiddle.net/rohitazad/2U3Ww/ –

答

如果已提供padding到的div然后使用这样

div 
{ 
    padding-left:0px; 
}

，如果您的列表中有边距从左那么你可以做这

#myList 
{ 
    margin-left:0px; 
}

简单说：

padding定义元素边框和元素内容之间的空白。而边缘限定了元素周围的空间。

编辑：重置CSS的UL这样

ul 
{ 
    list-style:none; 
    margin: 0; 
    padding: 0; 
}

JS Fiddle Demo

对于正常情况下它的正确，但在上述情况下，这个CSS不工作。 –

@PuneetPurohit得到了你的问题。我已经更新了我的答案。看看 – Sachin

谢谢@Sachin ..你的答案的一部分是正确的 –

答

现在习惯了这种

定义您.divLeftPanle ulpadding-left:0;

.divLeftPanel ul{padding-left:0;}

Demo

答

对不起球员。我找到了解决方案并感谢@sachin。我已经添加了 ul {padding：0px;} 现在正在工作。再次感谢

在html列表中删除填充

相关推荐