Вопросы Теги

Как центрироваться горизонтально, отделение в порождают отделение

Как я центрирую a div горизонтально в его родителе div с CSS?

<div id='parent' style='width: 100%;'>
 <div id='child' style='width: 50px; height: 100px;'>Text</div>
</div>
107
задан Eagle 23 December 2009 в 11:34
поделиться

4 ответа

Я предполагаю, что родительский div не имеет ни ширины, ни ширины, а дочерний div имеет меньшую ширину. Следующее установит поле для верхней и нижней части равное нулю, и боковины для автоматической подгонки. В этом центре div.

div#child {
    margin: 0 auto;
}
148
ответ дан 24 November 2019 в 03:42
поделиться 
<div id='parent' style='width: 100%;text-align:center;'>
 <div id='child' style='width:50px; height:100px;margin:0px auto;'>Text</div>
</div>
6
ответ дан 24 November 2019 в 03:42
поделиться

Вы можете использовать значение "auto" для левого и правого полей, чтобы позволить браузеру равномерно распределить доступное пространство по обеим сторонам внутреннего div:

<div id='parent' style='width: 100%;'>
   <div id='child' style='width: 50px; height: 100px; margin-left: auto; margin-right: auto'>Text</div>
</div>
3
ответ дан 24 November 2019 в 03:42
поделиться 
<div id='child' style='width: 50px; height: 100px; margin:0 auto;'>Text</div>
.
2
ответ дан 24 November 2019 в 03:42
поделиться