Html align center text: How to Center Text in HTML

Leave a Comment / Html / By /

Выравнивание по центру в Google Chrome и FireFox — HTML и CSS — Форумы SitePoint

dotJoon

#1 


<тело>
<таблица>

  [B]привет[/B]

В приведенном выше коде приветствие находится в центре с IE7, но с левой стороны с google chrome и fireFox.

Как я могу сделать таблицу с надписью «привет» в центре с помощью Google Chrome и FireFox?

Блейк_Таллос

#2

Я предлагаю вам использовать Divs.http://www.blakeanthony.net/Center.html

Мой пример на 100% действителен.

Но если вы хотите использовать таблицы, вперед 

    стол  {
выравнивание текста: по центру;
поле слева: авто;
поле справа: авто;
}

Выберите свою таблицу.

точкаДжун

#3 

 <стиль>
стол  {
выравнивание текста: по центру;
поле слева: авто;
поле справа: авто;
}



<таблица>
  
    <тд[/ЦВЕТ]>
      <таблица>
        
          синий

Стол на розовом фоне находится в центре. и мне нравится ставить стол с синим фоном слева внутри розового стола.

Но синяя таблица все еще находится в центре внутри розовой таблицы

, хотя я написал text-align:left;

Как я могу сделать розовую фоновую таблицу в центре и синюю фоновую таблицу слева от розовой фоновой таблицы?

Stomme_poes

#4

joon:

Ты идешь не туда.

Причина, по которой IE7 центрировал вашу таблицу (которая является блочным элементом) с помощью «text-align: center» тела, заключается в том, что вы находитесь в режиме Quirks Mode, где IE7 действует как IE5 (то, что использовала ваша бабушка в прошлом). 90-х). Чтобы исправить это, вам понадобится Doctype на вашей странице.

Затем установите ширину таблицы и используйте margin: 0 auto в css, чтобы центрировать вашу таблицу (с помощью этой техники можно центрировать любой блок).

Теперь вы вкладываете таблицы — Плохая вещь, как правило. Но ладно. Давайте посмотрим.

Но синяя таблица по-прежнему находится в центре розовой таблицы
, хотя я написал text-align:left;

Text-align… выравнивает встроенные строки, такие как текст. Зачем вам пытаться выровнять блок, как таблицу, с выравниванием текста? Выравнивание текста выравнивает текст. Кроме того, в вашем CSS (в вашем теге стиля) вы сказали: ВСЕ таблицы, центр:
таблица {
text-align: center;
поле: 0 авто;
}
Это означает все таблицы, а не только первую.

Таблицы имеют немного другие правила, чем другие блоки, но, удалив все «текстовые выравнивания», которые у вас есть в вашем html, вы можете центрировать розовую таблицу на странице и оставить синюю таблицу слева (что обычно по умолчанию ).

Дайте идентификатор розовому столу.

В CSS вы можете установить ширину розовой таблицы и центрировать ее с помощью margin: 0 auto; 0 означает отсутствие верхнего или нижнего поля, а auto относится к сторонам.

#pink {
ширина: 700 пикселей;
поле: 0 авто;
}

Но ничего из этого не будет работать в IE, если вы позволите ему оставаться глупым. Используйте тип документа и используйте его правильно.

вебкосмо

#5

выравнивание текста: по центру; не следует использовать с телом на самом деле. IE7, кажется, показывает горизонтальную полосу прокрутки, но центрирует содержимое.

лучший подход — использовать контейнер div для центрирования содержимого.
#content {
margin-left:auto;
поле справа:авто;
}


//————CONTENT

PaulOB

#6

вебкосмо:

выравнивание текста: по центру; не следует использовать с телом на самом деле.

Используется для центрирования страниц в ie5.x, так как они не понимают автоматические поля.

точкаДжун

9 декабря 2008 г., 20:40

#7

Пол_О_Б:

Используется для центрирования страниц в ie5.x, так как они не понимают автоматические поля.

Мой мозг находится на одном уровне с ie5. Я не понимаю автоматических маржей.

точкаДжун

#8 

 
<голова>
<стиль>
# центр {
поле: 0 авто;
}


<тело>
<тд> <тд> <тд>

Почему таблица не отцентрована?

Как сделать таблицу по центру?

ПолОБ

#9

джун:

Почему таблица не центрирована?

Как сделать таблицу по центру?

Я думал, что мы только что объяснили это, лол

Ваша таблица центрируется во всех браузерах, кроме IE, потому что у вас нет типа документа. Без doctype IE возвращается в режим quirks и ведет себя больше как ie5 и не понимает автоматические поля.

У вас всегда должен быть допустимый тип документа.

Вот страница, центрированная в каждом браузере, включая ie5-8. 



<голова>

Документ без названия
<тип стиля="текст/CSS">
тело {
    выравнивание текста: по центру
}
# центр {
    поле: 0 авто;
    выравнивание текста: по левому краю;
}


<тело>
<тд> <тд> <тд>

Блейк_Таллос

, 03:00

#10

Типы документов играют очень важную роль в веб-разработке. Вы должны изучить их, если хотите, чтобы ваши HTML-страницы работали правильно.

Вот некоторые ресурсы.
http://htmlhelp.com/tools/validator/doctype.html

w3schools.com

Объявление типа документа HTML

W3Schools предлагает бесплатные онлайн-руководства, справочники и упражнения на всех основных языках Интернета. Охватывает популярные темы, такие как HTML, CSS, JavaScript, Python, SQL, Java и многие, многие другие.

http://www.alistapart.com/stories/doctype/
http://www.learnwebdesignonline.com/tutorials/html/about-doctypes-quirks-mode
http://reference.sitepoint.com/css/ doctypesniffing

dotJoon

#11