ul和p在div中的垂直空間

我有一個class，樣式如下。ul和p在div中的垂直空間

.testclass{ 
    display:inline-block; 
    border:1px #efefef solid; 
    clear:both; 
    float:left; 
    margin:0 0 25px; 
    padding:25px 20px 20px; 
} 
.testclass p{ 
    font-size:12px; 
    color:#666; 
    margin:0; 
    padding:0 0 20px; 
} 
.testclass ul{ 
    list-style:outside; 
    list-style-image:url(/images/img/bullet.png); 
    margin:0 0 0 20px; 
    padding:0 0 20px; 
} 
.testclass li{ 
    font-size:12px; 
    color:#666!important; 
    padding:0 0 10px; 
} 

<div class="testclass" style="padding-top:5px"> 
    <p>blah blah</p> 
    <ul> 
     <li>one</li> 
    </ul>

我有一個頁面，其中div容器，有段落和ul。我在ul和段落之間有一個垂直空間。如何擺脫垂直空間。附上是一張圖片。

enter image description here

來源

2014-07-16 user747291

那麼，你必須填充的段落，這就是原因。我們看不到圖像，可能我錯過了一些東西 – Jan

我重新添加了圖像。我試圖填充：0 0 0仍然沒有工作。 – user747291

你介意提供一個小提琴嗎？ – SVSchmidt

-1

嘗試

.testclass li{ 
    font-size:12px; 
    color:#666!important; 
    padding:0 0 20px; 
    margin-top: -10px 
}

可以更改邊距值，以獲得您想要的結果。

Fiddle

這對幫助嗎？

來源

2014-07-16 15:21:31 chiapa

我儘量不要downvote，但這是一個創可貼解決方案，而不是解決實際問題。 – joshboley

@joshboley，對不起，你不喜歡它。我只是想幫助並提供一個可能的解決方案。視覺效果可能是提問者想要的結果，如果不是，他可以自由地不使用它。我會加快答案，因爲我認爲結果是他想要的 – chiapa

你有底部填充的p元素上：

.testclass p{font-size:12px;color:#666;margin:0;padding:0 0 **20px**;}

只要將它設置爲0。這裏是一個FIDDLE

來源

2014-07-16 15:22:32 joshboley

ul和p在div中的垂直空間

回答

相關問題