Ich habe kleine Kästchen auf meiner Website, um unsere Aktivität kurz zu beschreiben, Der Text ist das gleiche für alle Boxen, so dass ich versuche, den Text in der Mitte der Box mit meinem CSS zu zentrieren . Ich habe versucht, Anzeige: Tisch-Zelle, vertikale Ausrichtung: Mitte, aber es funktioniert nicht. Hat jemand eine Idee, was ich tun kann?Center Ausrichtung meines Inhalts mit css
Danke
in CSS :),
.text-center {
text-align : center;
}
eine Klasse hinzufügen .text-center Sie div.
Sie müssen display: table; zum Text Container hinzuzufügen und
display: table-cell;
vertical-align: middle;
text-align:center;
auf Ihren Text Spannweite/h1/p
body {
width: 100%;
height: 100%;
}
div {
position: absolute;
height: 50%;
width: 50%;
display: table;
background: blue;
}
h1 {
display: table-cell;
vertical-align: middle;
text-align: center;
}<body>
<div>
<h1>Text</h1>
</div>
</body>Sie müssen Ihren Code hinzuzufügen und zu sein sehr genau über die Frage beim nächsten Mal.
Könnten Sie bitte Ihren Code hinzufügen ?. –
Es gibt viele Probleme mit diesem Beitrag. ** a) ** Wir wissen nicht, was genau dein Problem ist. ** b) ** Es gibt keine Screenshots/Codebeispiele für das Problem. ** c) ** Das Problem kann nicht reproduziert werden. –