在頁面上對齊這些元素的最佳方法是什麼？

Question

什麼是對準這裏看到箱子的最佳方式：

http://property.begbies-traynor.com

有問題的盒子是「更多詳情」框。無論描述的長度如何，我都希望它們在頁面上完美排列。

最好是使用CSS嗎？ JS？或硬編碼的PHP？

該網站是使用自定義主題的WordPress的基礎。

Answer 1

CSS將是我最好的選擇。您可以爲隱藏溢出的描述框設置固定高度（以便隱藏任何額外的描述文本），並在描述框下方有另一個div來保存「更多詳細信息」框。這樣，所有「更多詳細信息」框都將排成一條直線。

Answer 2

給一個類來描述容器和CSS的高度設置爲它

Answer 3

設置你的容器中的每一個，如：

<div class="post-3283 sale type-sale status-publish hentry ts-box box-4 clear">

有一個額外的類，並且在即，設置：

height:370px; position:relative;

然後，給持有一個綠色按鈕類各<p>，並給該規則：

position:absolute; bottom:0;

你可以通過設置ts-box有這些添加的規則，並且賦予一個p測試這個後者的定位規則。

編輯：這裏是說明概念的小提琴。忽略float，width和border屬性，它們只是概念化：http://jsfiddle.net/aTtAW/

Answer 4

我會選擇CSS min-height爲<p>屬性並將其設置爲100-200。這會讓特別長的文字提高框，但通常你會有很好的對齊按鈕。

不要隱藏文字overflow。它很醜。