ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выровнять блоки по центру экрана
8 сообщений из 8, страница 1 из 1
Как выровнять блоки по центру экрана
    #38497930
center
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
center
Гость
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<style type="text/css">
.yach2 {
color: #000;
line-height: 14px;
font-size: 14px;
text-align: center;
height: 40px;
vertical-align: middle;
display: table-cell;
width: 140px;
font-weight: normal;
}
.yach {
font-weight: bold;
margin: 5px;
padding: 0 5px 5px 5px;
width: 140px;
float: left;
text-align: center;
border: 1px dotted #DDD;
}
</style>


Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<div style="text-align: center; margin: auto;">
<div style="display: table-cell; text-align: center; margin: auto;">
	<div class="yach"><div class="yach2">QQQQQQQQQQQ</div>3333</div>
	<div class="yach"><div class="yach2">WWWWWWWWWWW</div>2222</div>
	<div class="yach"><div class="yach2">EEEE</div>40 40 40</div>
	<div class="yach"><div class="yach2">RR</div>20 20 20 20</div>
	<div style="float: left; display: none;">нет</div>
	<div style="float: left; display: none;">нет</div>
</div>
</div>


Уже везде CENTER прописал, а они всё-равно слева.
...
Рейтинг: 0 / 0
12.12.2013, 08:47
| Ответить | Цитировать | Написать  
Как выровнять блоки по центру экрана
    #38497946
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
centerКак выровнять блоки по центру экрана
Какие именно дивы делать по центру? У тебя их много...
...
Рейтинг: 0 / 0
12.12.2013, 09:12
| Ответить | Цитировать | Написать  
Как выровнять блоки по центру экрана
    #38497947
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
center , а еще лучше - покажи картинку, что собираешся реализовать... Потому как разметка у тебя просто ужос!
...
Рейтинг: 0 / 0
12.12.2013, 09:14
| Ответить | Цитировать | Написать  
Как выровнять блоки по центру экрана
    #38497949
center
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
center
Гость
krvsaКакие именно дивы делать по центру? У тебя их много...
Чтобы блок блоков ( <div style="display: table-cell; text-align: center; margin: auto;"> ) был по центру экрана, а не по левой стороне.
...
Рейтинг: 0 / 0
12.12.2013, 09:15
| Ответить | Цитировать | Написать  
Как выровнять блоки по центру экрана
    #38497956
center
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
center
Гость
...
Рейтинг: 0 / 0
12.12.2013, 09:20
| Ответить | Цитировать | Написать  
Как выровнять блоки по центру экрана
    #38497975
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
center,
 
так пойдет?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>
.cont {
	display:table;
	width:auto;
	background:pink;
	text-align:center;
	margin:0 auto;
}
.yach {
	padding:0px 5px 5px 5px;
	width:140px;
	text-align:center;
	border:1px dotted red;
	display:table-cell;
}
</style>
</head>
<body>
<div class="cont">
	<div class="yach">QQQQQQQQQQQ<br>3333</div>
	<div class="yach">WWWWWWWWWWW<br>2222</div>
	<div class="yach">EEEE<br>40 40 40</div>
	<div class="yach">RR<br>20 20 20 20</div>
	<div style="float: left; display: none;">нет</div>
	<div style="float: left; display: none;">нет</div>
</div>
</body>
</html>

...
Рейтинг: 0 / 0
12.12.2013, 09:33
| Ответить | Цитировать | Написать  
Как выровнять блоки по центру экрана
    #38498019
center
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
center
Гость
user89, Да, спасибо.
...
Рейтинг: 0 / 0
12.12.2013, 10:00
| Ответить | Цитировать | Написать  
Как выровнять блоки по центру экрана
    #38498023
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Такой вот еще вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.cont {
	text-align: center;
}
.yach {
	display: inline-block;
	border: 1px solid;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="cont">
	<div class="yach">QQQQQQQQQQQ<br>3333</div>
	<div class="yach">WWWWWWWWWWW<br>2222</div>
	<div class="yach">EEEE<br>40 40 40</div>
	<div class="yach">RR<br>20 20 20 20</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
12.12.2013, 10:05
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выровнять блоки по центру экрана
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38497947&tid=1447566]:
 0ms
get settings:
 8ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 172ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 236ms
total:  475ms
созд. / загр.: 475ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]