Как вставить поле справа и слева от страницы?

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

  •  06-07-2019
  •  | 
  •  

Вопрос

Я хочу вставить это поле, но не знаю почему ... Я хочу, чтобы оно было похоже на Twitter или TwitPic

Мой CSS: 

 body {
        margin: 40px;
        margin-bottom: 50px;
        padding: 0;
        background-color: #edece9;
        font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
        font-size: 13px;
        color: #333;
      }
Это было полезно?

Решение

Предполагая структуру страницы примерно так: 

<!DOCTYPE html>
<html>
  <head>
    <link type="text/css" rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div id="main">
    </div>
  </body>
</html>

Тогда style.css должен выглядеть так: 

* {margin:0;}
div#main {
  width:800px;
  margin:0 auto;
}

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

twitter использует div с фиксированной шириной, который использует margin-left: auto; и margin-right: auto . это центрирует div по горизонтали

вам нужно поставить div с фиксированным значением (желаемая ширина страницы и поставить его margin: 0 auto

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top