html - div по центру

StackOverflow https://stackoverflow.com/questions/1418560

  •  07-07-2019
  •  | 
  •  

Вопрос

как я могу установить положение div в центре страницы с размером, например, 80% / 80%.

UPD: поле: 0 авто; работает, но только для горизонтального выравнивания. И мне тоже нужна вертикаль.

Это было полезно?

Решение

На этой странице говорится о некоторых различных способах достижения вертикального центрирование с использованием css. Раньше я успешно использовал метод 2, но я считаю, что все это в лучшем случае взломать.

Другие советы

Установите фиксированную ширину и авто-поля. 

<style type="text/css">
#center {
  width:300px;
  margin-left:auto;
  margin-right:auto;
}
</style>

<body>
<div id="center"></div>
</body>

Это делает то, что вы хотите, но это не красиво. 

<div style="margin: 0 auto;width:80%;height:80%;">
This will probably not work for you however because you did not provide code
</div>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top