Центрирование текста в div не работает

-3

Я попытался сделать текст внутри div, я сделал код, говорящий: text-align:center; и padding:30px 0px;, но заполнение не работает. Текст просто остается в верхней части div, но должен быть в центр .. (сверху донизу).Центрирование текста в div не работает

Возможно, это из-за абсолютной позиции div?

я не знаю, пожалуйста, помогите мне

источник

2015-09-16 David Stančík

Возможный дубликат [Текст центра в div?] (Http://stackoverflow.com/questions/6055412/center-text-in-div) – Jesse

Больше похоже на дубликат http://stackoverflow.com/д/8865458/830125. Но в любом случае это было задано в миллион раз раньше, и на этот вопрос не следует отвечать. –

Ну, нет, потому что я знаю, как это сделать, но это не сработает, пожалуйста, верните мне мои + точки :) –

Поскольку положение DIV является абсолютным, Вы можете использовать верхний, нижний, левые и правые атрибуты, чтобы добавить отступы вокруг дел.

источник

2015-09-16 17:24:48 smith

Я пробовал, ничего –

text-align: center; Используется для горизонтального выравнивания. Для вертикального выравнивания существуют другие методологии, которые вы должны использовать. Посмотрите на эту ссылку, он дает вам все различные биты и куски: https://css-tricks.com/centering-css-complete-guide/

источник

2015-09-16 17:25:06 shadowf

.container { 
    position: absolute; 
    text-align: center; 
    padding : 30px 0; 
}

Ваш CSS может выглядеть выше CSS кода. Если вы дали абсолютное положение для div, вы удаляете поток div из дерева. поэтому его ширина может уменьшаться до содержимого ширины текста. Поэтому вам нужно указать ширину для div, как показано ниже. он будет работать jsfiddlelink

.container { 
    position: absolute; 
    text-align: center; 
    padding : 30px 0; 
    width: 100%; 
}

источник

2015-09-16 17:31:08 user3377509

Почему бы вам не использовать высоту строки: [высота DIV]?

.container { 

position: absolute; 
height: 100px; (or anything else) 
line-height: 100px; (must be the same as the height) 
text-align: center; 

}

Тогда он должен быть центрирован. Надеюсь, я помог! :-)

источник

2015-09-23 19:41:16 Tom291

Центрирование текста в div не работает

ответ

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