使div與文本高度相同

-1

我希望div .omschrijving的高度與其中的文本相同。使div與文本高度相同

這是我目前的HTML：

<div class="aProduct"> 
    <div class="omschrijving"> 
     <span class="entry inner"> 
      Mundo Melocoton Short Aqua Blauw enzo bla bla bla bla bla bla bla 
     </span> 
    </div> 
</div>

這是我的CSS：

.aProduct { 
    margin-bottom: 26px; 
    padding-bottom: 28px; 
    border-bottom: 2px solid #dcd8d7; 
} 

.aProduct .omschrijving { 
    line-height: 26px; 
    background: #cac; 
    display: inline-block; 
    height: auto; 
}

這是當前結果：

div height of text

因此，大家可以看到，當文字變得太長時，div的高度不會增加。有沒有辦法做到這一點？

來源

2014-05-21 2339870

您提供的HTML與您顯示的結果不符。您能給我們提供用於獲取該屏幕截圖的確切HTML嗎？ – rorofromfrance

正如第一條評論所述，您提供的代碼並不能反映您遇到的問題。您應該提供所有相關的代碼，因爲我只是嘗試了您提供的代碼，並且沒有任何問題。 – Ruddy

我剛剛發現了什麼導致了問題......這是因爲我用一塊jQuery給兩個多個div的高度相同。然而，這個jQuery代碼只能應用於某個媒體查詢中，但我不知道如何去做。 – 2339870

刪除height屬性。當您指定元素的高度時，會出現此效果，但內部內容高於父項。

來源

2014-05-21 07:42:00 Justinas

使div與文本高度相同

回答

相關問題