Was ist der beste Weg, um diese Elemente auf der Seite auszurichten?

Question

Was wäre der beste Weg, um die Boxen hier gesehen auszurichten:

http://property.begbies-traynor.com

Die Boxen Die Boxen ‚Weitere Informationen‘ sind in Frage. Ich möchte, dass sie alle perfekt auf der Seite ausgerichtet sind, unabhängig von der Länge der Beschreibung.

Wäre es am besten, CSS zu verwenden? JS? Oder hardcoded php?

Die Website ist WordPress basierend auf einem benutzerdefinierten Thema.

Answer 1

CSS wäre meine beste Wette. Sie können eine feste Höhe für die Beschreibungsbox mit Überlauf versteckt haben (so dass jeder zusätzliche Beschreibungstext ausgeblendet wird) und direkt unter dem Beschreibungsfeld ein anderes div für das Feld "Weitere Details" haben. Auf diese Weise werden alle Felder für weitere Details in einer geraden Linie angezeigt.

Answer 2

geben eine Klasse auf die Beschreibung Behälter und legen Sie eine Höhe, um es in CSS

Answer 3

jedes Ihrer Container Set, wie zum Beispiel:

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

Um eine weitere Klasse, und in dass, gesetzt:

height:370px; position:relative;

Dann geben jedem <p>, die einen grünen Taste eine Klasse hält, und geben, dass die Regel:

position:absolute; bottom:0;

Sie können dies testen, indem ts-box Einstellung dieser hinzugefügt Regeln zu haben, und eine einzige p geben die letzteren Positionierungsregeln.

EDIT: Hier ist eine Geige, die das Konzept veranschaulicht. Ignorieren Sie die float, width und border Attribute, sie sind nur für Konzeptualisierung: http://jsfiddle.net/aTtAW/

Answer 4

Ich würde wählen CSS min-height Attribut für das <p> und setzen Sie ihn auf 100-200. Dies wird außergewöhnlich langen Text ermöglichen, um die Box zu erhöhen, aber normalerweise haben Sie schön ausgerichtete Tasten.

Verstecken Sie Text nicht mit overflow. Es ist hässlich.