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

來源

2013-04-15 Puneet Purohit

用於填充左：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

來源

2013-04-15 10:22:05 Sachin

對於正常情況下它的正確，但在上述情況下，這個CSS不工作。 –

@PuneetPurohit得到了你的問題。我已經更新了我的答案。看看 – Sachin

謝謝@Sachin ..你的答案的一部分是正確的 –

現在習慣了這種

定義您.divLeftPanle ulpadding-left:0;

.divLeftPanel ul{padding-left:0;}

Demo

來源

2013-04-15 10:31:32

對不起球員。我找到了解決方案並感謝@sachin。我已經添加了 ul {padding：0px;} 現在正在工作。再次感謝

來源

2013-04-15 10:38:47

在html列表中刪除填充

回答

相關問題