Zentrieren eines Schild

Lesezeit: 2 Minuten

Ich habe einige Probleme mit meinem hr Tag in HTML, da es nicht automatisch zentriert wird, wie ich es erwarte. So sieht mein aktueller Code aus:

<div id = "updatestatus" class = "statuscontainer">
    <div class = "verticalalign">Update Status</div>
</div>
<hr width = "95%">

<div id = "insertstatus" class = "statuscontainer">
    <form></form>
</div>

Wie Sie sehen können, platziere ich meine hr Tag zwischen zwei divs, und ich glaube, es soll sich automatisch zentrieren, aber am Ende geht es stattdessen nach links. Ich habe es auch versucht hr align = center auch ohne Erfolg.

Bearbeiten: Das ist mir gerade erst aufgefallen, als ich das Ganze platziert habe hr Tag innerhalb <center></center> Es zentriert sich, aber ich versuche immer noch herauszufinden, warum es sich nicht von selbst zentriert.

  • Wie gezeigt in diese DemoDie <hr> Ist zentriert (ich habe die Breite dort übertrieben). Verwenden Sie den Inspektor Ihres Browsers, um den berechneten Stil des Elements anzuzeigen (achten Sie auf marginwas ein ausrichtet <hr>) und auch, was es wahr ist align Attribut ist.

    – rvighne

    15. Juli 2014 um 3:34


  • HR-Zentren in Ordnung, beziehen Sie sich auf den Aktualisierungsstatus?

    – Fabián Heredia Montiel

    15. Juli 2014 um 3:34

  • Interessant. Ich bin mir sicher, dass HR beim Betrachten meiner HTML-Seite linksbündig statt zentriert ausgerichtet ist. Und ich beziehe mich leider auf die Personalabteilung, nicht auf den Aktualisierungsstatus

    – Phil

    15. Juli 2014 um 3:35

  • Ich denke, es hat dann etwas mit meinem CSS zu tun. Aber ich finde das seltsam, da ich in keinem meiner Container etwas nach links schweben lasse

    – Phil

    15. Juli 2014 um 3:36

  • Wie sieht Ihr CSS aus?

    – Romuleald

    17. April 2015 um 19:45 Uhr

Versuchen margin: auto;

<hr style="width:100px; margin: auto;" />

Benutzeravatar von Dita Aji Pratama
Dita Aji Pratama

ich benutze !important auf meinem CSS

<hr style="width:50%; margin-left:25% !important; margin-right:25% !important;" />

Kiran Lohars Benutzeravatar
Kiran Lohar

Fügen Sie einfach das folgende CSS für das HR-Tag hinzu

width:25%;
margin: auto;

1451380cookie-checkZentrieren eines Schild

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy