Sie können wahrscheinlich die Eigenschaft vertical-align ( %code% ) für die Zellklasse oder div wie jsfiddle.net/j08691 verwenden / APXT7 / 4 . Da diese divs als Tabellenzellen angezeigt werden, ist dies möglicherweise das, wonach Sie suchen.
Kann jemand in einer CSS-Tabelle mir verstehen helfen, warum ein geklammertes Element in der ersten Spalte ein div in der zweiten Spalte beeinflusst?
Hier ist ein Beispiel, wo ein Absatz Padding gesetzt hat. Das DIV in der rechten Spalte ist ebenfalls nicht korrekt aufgefüllt. Ich hatte ähnliche Probleme bei der Angabe der Zeilenhöhe für den Inhalt der linken Spalte, vereinfachte jedoch das Beispiel für diese Frage.
Es gibt viele ähnliche / verwandte Fragen zu Tabellenzellen, aber ich konnte keine finden, die diese Frage spezifisch behandelt.
Dies ist höchstwahrscheinlich ein Problem mit der Zeilenhöhe und nicht mit dem Auffüllen. Das bedeutet, dass, obwohl Sie vermuten, kein Padding tatsächlich in Ihre rechte Spalte übertragen wird (der berechnete Wert ist immer noch Null). Ich würde es immer noch als Nebeneffekt bezeichnen, die Polsterung auf deinen p -Elementen anzupassen.
Die Auffüllung am oberen und unteren Rand der Elemente p drückt ihre Basislinie nach unten. Dies bewirkt, dass sich die Basislinie anderer "Zellen" in derselben Zeile / Zeile ebenfalls verschiebt. Natürlich können Sie alle Details finden, die in der Spezifikation beschrieben sind, aber da beide "Zellen" haben die gleiche vertikale Ausrichtung ( baseline ), sie müssen sich ausrichten, wenn eine verschoben ist.