CSS Центрирование div на разных экранах - PullRequest
0 голосов
/ 21 февраля 2012

Мне интересно, будет ли div в этом CSS и HTML оставаться в центре, если я посмотрю этот сайт на большом экране. так как я работаю только на 16 дюймовом экране / мониторе будет ли div в этом коде оставаться в центре, даже если я переместлю его или увижу на большом экране?

HTML

<html>
 <head>
  <title>Midterm Practice</title>
  <link rel = "stylesheet" type = "text/css" href = "layout.css"/>
 </head>
  <body>
    <div id = "container">
      <div id = "navbar">
        <ul>

        </ul>
      </div>
    </div>
  </body>
</html>

Правила CSS

body{background-color: pink;}
#container{background-color: white;margin-left: auto;margin-right: auto;border: 1px solid white;border-radius: 15px;width: 1000px;height: 800px;}
#navbar{position:absolute;}

Я только начинаю с CSS, пожалуйста, не добавляйте заранее или ответы выше среднего

1 Ответ

1 голос
/ 21 февраля 2012

Использование margin-left: auto; margin-right: auto; должно иметь желаемый эффект для вас. В основном они будут центрировать элемент "container" в теге body. Вы всегда можете проверить это самостоятельно, уменьшив ширину контейнера до того, что вы можете протестировать в своем браузере (инструменты разработчика Chrome и Firefox полезны для игры с CSS в браузере).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...