Как сделать текст в самом центре дива ?

@Shois · Регистрация: 13.05.2012

Студворк — интернет-сервис помощи студентам

Как сделать текст в самом центре дива ? а не чтобы он был в шапке ...

@gulliver · 07.07.2012, 21:38

CSS
1
margin: 5px auto;

5px - отступ с вверху

@Shois · 07.07.2012, 22:34 **[ТС]**

Сообщение от gulliver

CSS
1
margin: 5px auto;

5px - отступ с вверху

не помогло

@gulliver · 07.07.2012, 22:40

задай отступ диву внутренний

CSS
1
padding-top:5px;

@Shois · 07.07.2012, 22:45 **[ТС]**

Сообщение от gulliver

задай отступ диву внутренний

CSS
1
padding-top:5px;

неее все равно не то))

@gulliver · 07.07.2012, 22:55

http://jsfiddle.net/Wcufx/3/

@Soldado · 07.07.2012, 23:11

Вот так посмотрите:

HTML5
1
2
3
<div style="width: 500px; height: 400px; border: 2px solid #165226; text-align:center;display: table-cell;vertical-align: middle;">
Главная
</div>

Ключевое здесь:

CSS
1
2
3
text-align:center;
display: table-cell;
vertical-align: middle;

@newJS · 08.07.2012, 06:32

HTML5
1
2
центрирует одиночную строку по вертикали
height:30px; line-height:30px;

А если много текста, то тут.

@Shois · 08.07.2012, 10:06 **[ТС]**

Сообщение от Soldado

Вот так посмотрите:

HTML5
1
2
3
<div style="width: 500px; height: 400px; border: 2px solid #165226; text-align:center;display: table-cell;vertical-align: middle;">
Главная
</div>

Ключевое здесь:

CSS
1
2
3
text-align:center;
display: table-cell;
vertical-align: middle;

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Shois 4 / 4 / 0 Регистрация: 13.05.2012 Сообщений: 109

	Как сделать текст в самом центре дива ? 07.07.2012, 21:37. Показов 12199. Ответов 8 Метки нет (Все метки) Как сделать текст в самом центре дива ? а не чтобы он был в шапке ... Изображения 0

@gulliver Нарушитель 86 / 86 / 9 Регистрация: 09.05.2012 Сообщений: 456
	07.07.2012, 22:55
	http://jsfiddle.net/Wcufx/3/ 0