Сегодня 27 июля, воскресенье

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

получить код

Главная / Каталог блогов / 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

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

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

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

ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»

Категория «Спортсмены»

Взлеты Топ 5


+327	339	dandr
+326	344	Блог о недвижимости в Болгарии
+326	357	Красота абиссинской кошки
+290	338	Notebook with traces of spilled coffee
+290	336	Эстетическая гимнастика в Воронеже

Падения Топ 5


-1	3	Gatekeeper
-1	6	Футбол – это жизнь
-4	12	Fitne.Ru
-16	25	Лента новостей сайта bestfighters.ru
-21	35	Список диет

Загрузка...

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