DIV выравнивание не работает с CSS

<head> 
    <style> 
     .main{ 
      align:center; 
     } 
    </style> 
</head> 
<body> 
    <div class="main"> 
     Arbitary text 
    </div> 
</body>

-в тот случай, текст находится на левой стороне, но когда я изменить на:DIV выравнивание не работает с CSS

<div align="center"> 
    Arbitary text 
</div>

- все ок. Почему?

источник

2014-09-02 Филипп Петров

Использование:

.main{ 
    text-align:center; 
}

источник

2014-09-02 10:57:49

ошибка синтаксиса. Он должен text-align:center не align:center. или использовать margin:0px auto

.main{ 
text-align:center; 
}

или

.main{ 
margin:0px auto; 
}

источник

2014-09-02 10:57:49

«margin» не выравнивает текст ... – dashtinejad

Этот ответ поможет «выравнивания текста» Вместо того, чтобы «выровнять» свойство в CSS .main { выравнивания текста: центр; }

источник

2014-09-02 11:07:20 user3074446

У вас не хватает доктайп перед HTML элемент начинает

<!DOCTYPE html> 
<html>

разместить DIV и текст в центре, используйте:

.main{ 
    text-align:center; 
    margin:0 auto 
}

источник

2014-09-02 11:07:29

Вы должны использовать text-align в CSS (не align). От MDN:

text-align CSS свойство описывает, как строковое содержимое, как текст выравнивается в его родительский элемент блока. text-align не контролирует выравнивание самих элементов блока, только их встроенное содержимое.

Вы можете написать еще несколько значений, например left или right.

.main { 
    text-align: center; 
}

jsFiddle Demo.

источник

2014-09-02 11:15:43 dashtinejad

Как указано в исходной спецификации HTML 4.01, атрибут align контролирует, как текст выравнивается внутри элемента уровня блока (влево, в центре, вправо, выравнивание).

См ссылка: http://www.w3.org/TR/html401/present/graphics.html#h-15.1.2

Однако атрибут align устарела (устаревшее), но так как браузеры поддерживают его обратной совместимости, атрибут до сих пор работает.

С точки зрения CSS 2.1 атрибут align был заменен свойством text-align.

См ссылка: http://www.w3.org/TR/CSS21/text.html#alignment-prop

Используя правило CSS для выравнивания текста является предпочтительным методом.

Как указано в более ранних публикациях, align не является свойством CSS, поэтому ваше правило CSS не работает.

источник

2014-09-02 11:25:08

DIV выравнивание не работает с CSS

ответ

Смежные вопросы