Выравнивание / поля в CSS - PullRequest
Новая
       45

Выравнивание / поля в CSS

0 голосов
/ 09 января 2011

Почему следующее, по-видимому, ничего не делает? 

    <style>
    form {
        margin-left:auto;
        margin-right:auto;
    }
    h1 {
        margin-left:auto;
        margin-right:auto;
        color : #2265FF;
    }
    </style>
<body>
<h1>Please type in the text to be converted!</h1>
<form> ... </form>

Очевидно, у меня есть еще HTML, чтобы согласиться с этим.

Есть ли лучший способ сделать это в CSS3?

Спасибо!

Ответы [ 2 ]

1 голос
/ 09 января 2011

В CSS3 вы можете сделать: 

form, h1 {
    display: table;
    margin: 0 auto;
}

Если вы хотите поддерживать старые браузеры, вам нужно указать ширину: 

form, h1 {
    width: 500px
    margin: 0 auto;
}

но на самом деле лучше, если вы примените его к родительскому контейнеру ... 

.container {
    margin: 0 auto;
    width: 500px;
}

<div class="container">
  <h1></h1>     
  <form></form>
</div>
1 голос
/ 09 января 2011

лучше использовать text-align:center вместо этого, потому что <form> и <h1> по умолчанию установят его ширину 100%.

...