Horizontale Ausrichtung mit CSS

Question

Ich habe den folgenden Code:

   Test

Dies ist meiner Meinung nach eine wirklich einfache Frage, aber ich kenne mich nicht mit CSS aus. Wie kann ich erreichen, dass der Absatz horizontal zentriert wird?

Answer 1

Es gibt hier zwei Probleme.

1. Das DIV zentrieren, das den Absatz enthält.
2. Die Absätze zentrieren, die innerhalb des DIVs erscheinen.

Um das DIV zu zentrieren, hier ist der Code mit inline-Styling:

    Test

Das obige wird das gesamte DIV zentrieren, aber den Text nicht zentrieren. Nochmals, das DIV wird nur zentriert, wenn die Klasse "one" eine festgelegte Breite hat. Andernfalls hat es keine Wirkung. Sie können auch die Styling-Informationen für den Abstand innerhalb der Klasse "one" angeben.

Jetzt, um alle Texte horizontal innerhalb des DIVs auszurichten, können Sie es so stylen:

    Test

Und wenn Sie den Zentrierungsstil nur für einen einzelnen Absatz anwenden möchten, können Sie die Styling-Regel innerhalb des

Tags angeben.

Answer 2

Die Randlösung mit margin auto eignet sich für floating Block-Elemente, aber wenn es sich nur um Text innerhalb von normalem HTML handelt, sollten Sie sich dieses Beispiel hier ansehen:

http://www.w3schools.com/css/tryit.asp?filename=trycss_text-align_all

Answer 3

Sie können alle folgenden Ansätze verwenden

.One{text-align:center;}

oder

.One p{margin: 0 auto;}

Answer 4

Sie können das CSS verwenden. margin:auto

Answer 5

Deine Seite sollte dies oben im -Tag haben

        .one p {text-align:center;}

Wenn du das gesamte div zentrieren möchtest und nicht den Text, verwende dies, aber stelle sicher, dass eine Breite für das div festgelegt ist.

        .one p {margin:0 auto; width:300px;} /*Ändere die Breite nach Bedarf*/

Für die vertikale Ausrichtung, schau dir http://www.sohtanaka.com/web-design/vertical-alignment-css/ an