具有p標籤不推其他類

我敢肯定，我的措辭這個問題非常糟糕，但這裏是我的問題：具有p標籤不推其他類

我創建地毯的長長的名單，每個地毯有一個圖片，標題，大小，原價和清倉價格。我已經在自己的班級裏設置了每個地毯，並且像其他地毯一樣重複。下面介紹一下類目前的樣子：

<div class="fLeft"> 
<img src="rug_index_package/rugs/O_5.jpg"/> 
<p>Tabriz Wool and Silk</p> 
<p>11.8m up to 20m</p> 
<br> 
<p>Original Price: $00.00</p> 
<span>Clearance Price: $00.00</span> 
    </div>

而且這個類的CSS：

.fLeft{ 
    padding: 26px; 
    float: left; 
    line-height: 7px; 

} 
.fLeft img{ 
    width: 150px; 
    height: 150px 
}

如果你看看網站（Website），你會看到第二行的外觀就像它的排列與其他排比較，這是因爲這一排上的第一塊地毯的標題是「波斯大不里士羊毛和絲綢」，這是太長，推動行。顯然這不是太長，但它仍然被推。

我該如何解決這個問題？

來源

2015-05-25 Ajax jQuery

你可能會想設置一個特定的寬度爲您.fleft的div。

如width: 200px;

或者因爲使用的是3列方法：width: 33%;

否則他們都將只是自動調整大小以適應內容...

一旦你設置最大寬度，如果您希望文本溢出而不是換行到下一行，則可以在div上或僅在描述中使用overflow: visible;。

來源

2015-05-26 00:09:12 Andrew

看起來設置一個固定的寬度做了這個訣竅，但我也必須爲每個類的項目設置一個高度，所以下面的東西並沒有受到影響。 –

.fLeft { 
    padding: 26px; 
    float: left; 
    line-height: 7px; 
    width: 25%; 
}

這是一個簡單的解決辦法:)

來源

2015-05-26 00:00:29

具有p標籤不推其他類

回答

相關問題