Сегодня 15 декабря, понедельник

Какой рейтинг вас больше интересует?

получить код

Главная / Каталог блогов / Cтраница блогера coding4.net / Запись в блоге

	coding4.net Голосов: 1 Адрес блога: http://www.coding4.net/ Добавлен: 2012-06-11 20:16:46

Как выровнять несколько div-ов используя класс CSS ?

2012-09-18 13:25:00 (читать в оригинале)

Очень частый вопрос который задают на форумах, это как выровнять множество div-ов, используя класс CSS.

Здесь пример того как это сделать. Для простоты я буду выравнивать 3 div-а.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Aligning Multiple DIV's using CSS</title>
    <style type="text/css">
    .divOuter{
        display:inline;
        text-align:center;
    }

    .divInner1, .divInner2, .divInner3{
        border: 1px solid;
        float:left;
        width:150px;
        height:150px;
        margin-left:3px;
        margin-right:3px;
    }
    </style>
</head>
<body>
<div class='divOuter'>
    <div class='divInner1'>First DIV</div>
    <div class='divInner2'>Second DIV</div>
    <div class='divInner3'>Third DIV</div>
</div>
</body>
</html>

А выглядеть это будет так:

Это перевод. Оригинал здесь.

Тэги: css, html

Блограйдеров
14520

Блогов
219970
(+0 сегодня)

Сообществ
1312
(+0 сегодня)

Рыбалка
по среднему баллу (5.00) в категории «Спорт»

Категория «SEO»

Взлеты Топ 5


+539	551	QoSyS
+530	550	zwerjok
+513	620	Psd Tutorials
+501	549	Темы_дня
+464	504	Я,мой блог и интернет

Падения Топ 5


-1	21	Блог интернет-разработчика
-2	6	SeoAdvice
-5	3	Идеи, которые могут изменить мир
-6	152	Олимпийский блог
-7	2	SEO Критик

Загрузка...

BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.