Ausrichten eines <div> in der Mitte (horizontal/Breite) der Seite

Question

Ich habe eine div Tag mit width eingestellt auf 800 Pixel . Wenn die Browserbreite größer ist als 800 Pixel sollte es nicht zu einer Überdehnung der div aber es sollte in die Mitte der Seite gebracht werden.

Answer 1

Aus irgendeinem Grund konnte ich mit keiner der vorherigen Antworten etwas anfangen. Dies ist, was für mich gearbeitet und es funktioniert über Browser als gut:

.center {
    text-align: center;
    height: 100%;

    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;

    /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
}

Answer 2

• Ermittelt die Breite des Bildschirms.
• Dann machen Sie Rand links 25%
• Marge rechts 25% machen

Auf diese Weise wird der Inhalt Ihres Containers in der Mitte platziert.

Beispiel: Angenommen, die Breite des Containers ist 800px;

<div class='container' width='device-width' id='updatedContent'>
    <p id='myContent'></p>
    <contents></contents>
    <contents></contents>
</div>

if ($("#myContent").parent === $("updatedContent"))
{
    $("#myContent").css({
        'left': '-(device-width/0.25)px';
        'right': '-(device-width/0.225)px';
    });
}