Question

我在div中添加了一个无序列表，我删除了它的子弹。现在我想删除div和列表之间的空格，以便列表可以移动到左上角。任何人都可以建议我如何删除列表和div之间的左空间/差距。谢谢

                    <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;
}

Answer 1

如果您已向div提供padding，请使用此类

div
{
  padding-left:0px;
}

如果你的清单左边有保证金，你可以这样做

#myList
{
  margin-left:0px;
}

简单来说：

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

编辑：像这样重置css for ul

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

JS Fiddle Demo

Answer 2

现在习惯了

定义您的.divLeftPanle ul padding-left:0;

.divLeftPanel ul{padding-left:0;}

<强> Demo

Answer 3

对不起伙计们。我找到了解决方案并感谢@sachin。我已经添加了 UL {填充：0像素;} 现在它的工作。再次感谢

删除html列表中的填充

3 个答案: