Как центрировать Div на всех мониторах/разрешениях/браузерах?

Я создал свою собственную световую коробку, проблема в том, что она отображается в центре моего монитора, но не на более широких мониторах или больших разрешениях.Как центрировать Div на всех мониторах/разрешениях/браузерах?

Каков наилучший способ центрировать div по всем разрешениям/мониторам/броузерам?

источник

2009-12-02 Sarfraz

Centered по горизонтали, по вертикали или оба? Если вы хотите оба, this работал для меня в прошлом. В противном случае, ответ sathish posted хорош для горизонтального только центрирования

источник

2009-12-02 06:20:37

Попробуйте использовать этот

Make родительский стиль Div в центре и использовать margin: 0 auto; для ребенка DIV

#parentDiv{ 
text-align: center; 
} 

#main{ 
margin:0 auto; 
width:755px; 
text-align: left; 
}

<div id="parentDiv"><div id="main">Content</div></div>

источник

2009-12-02 06:09:49 sathish

Старые текстовые выступы? Разве мы не можем отказаться от IE <= 5.5? – Quentin

, если вы знаете, ширина:

<div></div> 

div { 
    left: 50%; 
    margin-left: -50px; /* width/2 */ 
    width: 100px; 
}

источник

2009-12-02 09:09:03 FrankBr

Это ужасный подход, который приводит к проблеме с левым-без-прокрутки. – Quentin

что это? Никогда не было проблем с этим :) – FrankBr

#center {position:absolute; width:400px; height:400px; left:50%; top:50%; margin:-200px /must be half of the height/ 0 0 -200px; /must be half of the width/}

, который будет центрировать DIV по горизонтали и по вертикали. В отношении его первого родителя с положением: relative;

источник

2009-12-02 10:10:30 tbwcf

Это ужасный подход, который приводит к проблеме с левым с без прокрутки. – Quentin

хорошо, если вы установите все, чтобы быть в центре с помощью

*{margin:0 auto;}

он сконцентрируется ничего в документе, если не указано иное

или вы можете использовать оболочку DIV

div#wrapper {margin:0 auto;}

если ваш используя старый браузер, вы должны использовать

div#wrapper {text-align:center;}

есть как 30 способов сделать это, своего рода зависит от того, что вы делаете ...

это самые легкие из них

источник

2009-12-02 16:47:19 Evilalan

Установите ширину на DIV, а затем дать ему класс центрирующую:

.center 
{ 
margin:0 auto; 
}

Он будет центрирован в любом браузере.

источник

2009-12-02 18:55:36 tahdhaze09

хотя все приведенные выше ответы кажутся правильными, я на мгновение застрял в этом. Вот мой упрощенный подход.

Предположим, у вас есть код ниже, и вы хотите центрировать контент в div-storyline-container.

<body> 
    <div class="storyline-container"> 
     <script src=storyline.js type="text/javascript"></script> 
    </div> 
</body>

Просто писать код ниже не будет работать, потому что вы также должны выровнять центр родительский DIV, который в данном случае является «тело»

.storyline-container 
{ 
    text-align: center; 
}

Добавьте приведенный ниже код в файле CSS для решения вашей проблемы.

body{ 
    text-align: center; 
}

источник

2016-12-28 23:50:43

Как центрировать Div на всех мониторах/разрешениях/браузерах?

ответ

Смежные вопросы