CSS: Positioniere Text in der Mitte der Seite

Ich würde gerne Stellung ein <h1> in der Mitte eines jeden Benutzers Seite. Ich habe die Suche im internet und Sie alle positionieren Sie es an der falschen Stelle. Danke!

UPDATE: ich habe meine vertikal und horizontal! In der genauen Mitte!
AUCH hier: Es gibt nichts anderes auf der Seite.

InformationsquelleAutor der Frage snarkyazoid | 2011-10-30

  1. 35

    Versuchen, diese CSS:

    h1 {
    left: 0;
    line-height: 200px;
    margin: auto;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    width: 100%;
}

    jsFiddle: http://jsfiddle.net/wprw3/

    InformationsquelleAutor der Antwort Ry-

  2. 5

    Obwohl du akzeptiert hast eine Antwort, ich möchte diese post-Methode. Ich benutze jQuery um es vertikal statt css (obwohl beide Methoden arbeiten). Hier ist ein Turnschuh, und ich poste den code hier sowieso.

    HTML:

    <h1>Hello world!</h1>

    Javascript (jQuery):

    $(document).ready(function(){
  $('h1').css({ 'width':'100%', 'text-align':'center' });
  var h1 = $('h1').height();
  var h = h1/2;
  var w1 = $(window).height();
  var w = w1/2;
  var m = w - h
  $('h1').css("margin-top",m + "px")
});

    Dieser nimmt die Höhe des Viewports, teilt Sie durch zwei, subtrahiert die Hälfte der Höhe h1, und die Sätze, die Anzahl der margin-top des h1. Die Schönheit dieser Methode ist, dass es funktioniert auf mehreren Online h1s.

    EDIT: ich es geändert, so dass es zentriert ist es jedes mal das Fenster in der Größe geändert wird.

    InformationsquelleAutor der Antwort Purag

Schreibe einen Kommentar