CSS спосіб, щоб орієнтувати мій div

У мене є розділ, який знаходиться в верхній частині веб-сторінки, але розділ призначений для того, щоб сфокусуватися горизонтально.

Але чомусь дива завжди сидить ліворуч?

Чи знаєте ви, як я можу отримати розділ, що сидить в горизонтальному положенні?

Якщо я додати "align =" center "" до div, то його сидіння сконцентроване, але я шукаю чистий CSS-спосіб, щоб зробити його центром:



<head>
    <title> </title>

    
</head>
<body>

    <div id="heading">
        <div id="headingContainer">
            Select Recipes
        </div>
    </div>

</body>
</html>
4

4 Відповіді

Ви можете використовувати автоматичне поле, оскільки елемент має ширину:

 #headingContainer {
  margin: 0 auto;
  width: 980px;
  height: 110px;
  text-align: right;
  background-color: red;
}

http://jsfiddle.net/Xee6s/

5
додано
Це розумно. Проте чистота дійсно не потрібна; ти не думаєш?
додано Автор mozillanerd, джерело

You can align divs to center by setting the margin on the left & right to auto. this makes the browser to divide the space equally

#heading
{
  width:200px;
  margin:0 auto 0 auto;
}

In jsfiddle : http://jsfiddle.net/DfXBp/1/

1
додано

Так, маржа: 0 авто; це добре, але вам доведеться залишити текст-вирівнювання: в центрі у своєму тілі для старшого браузера, як IE

1
додано
Тільки для старших, ніж IE6 або IE6, і новіші в режимі примх. Ніхто не дбає про IE старше 6 років, і ніхто не повинен використовувати режим приманку.
додано Автор thirtydot, джерело

Якщо ви припускаєте, що ви намагаєтесь вирівняти #heading або # dividings of the headingleContainer до центру, просто додайте їх до стилів:

margin: 0 auto;
1
додано
ІТ КПІ - JavaScript
ІТ КПІ - JavaScript
504 учасників

співтовариство javascript розробників в Telegram