Ответы Mail
Программирование
Android
C/C++
C#
iOS
Java
JavaScript
jQuery
SQL
Perl
PHP
Python
Веб-дизайн
Верстка, CSS, HTML, SVG
Системное администрирование
Другие языки и технологии
Лидеры категории
Лена-пена
М.И.
Y.Nine
•••
Искусственный Интеллект
Искусственный Интеллект
Искусственный Интеллект
Лучший ответ
Вычитаетемойник
(23764)
16 лет назад
<div style="position:absolute; top:50%; left:50%">
Текст текст
</div>
Текст текст
</div>
ВЕБ-РЕШЕНИЯМастер (1235)
14 лет назад
этот прием не подходит. потому как таким образом назначаем позицию левого верхнего угла дива
Остальные ответы
Sunny Cat
(471)
16 лет назад
Лови код ))
<html>
<head><title>My</title></head>
<style>
.class_1{
display: table;
height: 100%;
_position: relative;
overflow: hidden;
}
.class_2{
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
}
.class_3{
_position: relative;
_top: -50%;
}
</style>
<body>
<p>
Текст, который нужно выровнять по центру по вертикали… ...
</p>
</body>
</html>
<html>
<head><title>My</title></head>
<style>
.class_1{
display: table;
height: 100%;
_position: relative;
overflow: hidden;
}
.class_2{
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
}
.class_3{
_position: relative;
_top: -50%;
}
</style>
<body>
<p>
Текст, который нужно выровнять по центру по вертикали… ...
</p>
</body>
</html>
Поклонник МылаМыслитель (8596)
16 лет назад
Чего-то не фурычит...
Тупо запустил это в IE6, текст стоит в левом верхнем углу.
Тупо запустил это в IE6, текст стоит в левом верхнем углу.
Sunny Cat
Знаток
(471)
<html>
<head><title>My</title></head>
<style>
.class_1{
display: table;
height: 100%;
_position: relative;
overflow: hidden;
}
.class_2{
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
}
.class_3{
_position: relative;
_top: -50%;
}
</style>
<body>
<p>
Текст, который нужно выровнять по центру по вертикали… ...
</p>
</body>
</html>
а сейчас? текст всегда по центру экрана, а чтобы по центру страницы - тут такого не реализовано
egregreh
(8827)
16 лет назад
<center<
<table border=0 width=100% height=100%>
<tr valign=center>
<td>
Test
</td>
</tr>
</table>
</center<
<table border=0 width=100% height=100%>
<tr valign=center>
<td>
Test
</td>
</tr>
</table>
</center<
Похожие вопросы
Допустим, что страница обсалютно пустая, нужно тупо вставить в центр слово или словосочетание и чтобы это кореектно отображалось при разных разрешениях, целевой браузер - IE.