Абсолютное Расположение и Выравнивание текста

Question

Я хотел бы, чтобы некоторый текст центрировался в нижней части экрана.

Я попробовал это, но это не работает. Это похоже на абсолютные конфликты расположения с выравниванием.

Как я мог достигнуть этой простой задачи?

45

html css

задан Misha Moroshko 11 May 2010 в 06:50

4 ответа

Попробуйте так:

Вам нужно добавить left: 0 и right: 0 (не поддерживается IE6). Или указать ширину

21

ответ дан 26 November 2019 в 20:49

Это должно работать:

#my-div { 
  left: 0; 
  width: 100%; 
}

4

ответ дан 26 November 2019 в 20:49

Возможно, указание ширины сработает. Когда вы position:absolute элемент, его ширина уменьшится до содержимого, я полагаю.

2

ответ дан 26 November 2019 в 20:49

Другие вопросы по тегам:

html css

score 134 · Accepted Answer

Div не занимает все доступное горизонтальное пространство при абсолютном позиционировании. Явная установка ширины на 100% решит проблему:

HTML

<div id="my-div">I want to be centered</div>

CSS

#my-div {
   position: absolute;
   bottom: 15px;
   text-align: center;
   width: 100%;
}