CSS Advanced-Div-Positionierung. Center & Middle
Ich möchte die position eines <div>
- Center mit w an.r.t-Körper Breite
- In Mitte mit w an.r.t Körpergröße
Den div mit den folgenden Eigenschaften:
- Breite
div
werden 90% - Höhe von
div
auto -, min. bekannt
Sie verwenden möglicherweise Rand(Links,rechts) 5% zu imitieren, die Wirkung der Zentrierung der Breite.
seine die vertikale Positionierung, das ist das problem
seine die vertikale Positionierung, das ist das problem
InformationsquelleAutor Moon | 2010-12-27
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich habe getestet dieses in IE8, Firefox, Chrome. Es funktioniert nicht im IE7.
Wenn Sie diese arbeiten in <= IE7 Stelle ich mir vor, die einfachste Lösung wäre, zu geben, auf reinem CSS und javascript für die vertikale Positionierung.
Live-Demo
HTML:
CSS:
display: table
und Konsorten in CSS, bekomme ich gemischte Gefühle, und ich Frage mich immer: "Warum nicht einfach ein<table>
anstelle von all diesem Chaos?". Wie weit würden Sie gehen mit divitis?Was ist ein
<table>
? 🙂InformationsquelleAutor thirtydot
Können Sie Spitzenhöhe wie diese (Vorsicht vor browser-Kompatibilität).
Für die Zentrierung-Breite: Sie können
position: absolute;
undleft: 50%;
, und Siemargin: -num;
. In der Marge, ersetzen num mit der Hälfte der Breite des div.InformationsquelleAutor Nathan
Legen Sie die mit div. Ich glaube es funktioniert nicht in IE 7 und niedriger. Schrecklich IE....
InformationsquelleAutor Trevor
Können Sie verwenden Rand(Links,rechts) 5% zu imitieren, die Wirkung der Zentrierung Breite.
Über die Höhe zentrieren, ich weiß nicht, die Art und Weise, die Sie tun können, es mit css alleine (wegen der unbekannten vertikale Größe). Aber Sie können versuchen, mit javascript zu tun.
Hier ein Beispiel: http://www.demtron.com/blog/post/2009/01/14/Centering-a-DIV-Window-with-Cross-Browser-JavaScript.aspx (Sie können Sie ignorieren, die Erkennung der Fenstergröße Teil).
InformationsquelleAutor Hoàng Long