[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Центрирование <div> внутри <div>
rolling
Имеется <div id="content">, в который вложены n-ное количество <div class="items">.
Подскажите п-ста, какие css необходимо прописать <div class="items">, чтобы их расположение внутри <div id="content"> имело такой вид (то есть отцентрированно):

П П П П
П П П П
П П П



#content {
width: 1000px;
}

div.items {
width: 180px;
height: 150px;
}




Спустя 9 минут, 58 секунд (16.11.2010 - 11:22) sharki написал(а):
div.items {
width: 180px;
height: 150px;
text-align:center; // вот это можно попробовать
}

Спустя 33 секунды (16.11.2010 - 11:23) Sanchopansa написал(а):
а разве для .items не надо еще float:left прописать?
и каждый ряд нада вложить еще в контейнер .. и для #content попробуй еще дабавить text-align:center;

Спустя 22 минуты, 11 секунд (16.11.2010 - 11:45) Nikitian написал(а):
Вроде так.

#content {
width: 1000px;
text-align:center;
}
div.items{
display:inline-block;
width: 180px;
height: 150px;
}

Спустя 33 минуты, 9 секунд (16.11.2010 - 12:18) rolling написал(а):
спасибо! помог вариант
#content {
width: 1000px;
text-align:center;
}
div.items{
display:inline-block;
width: 180px;
height: 150px;
}


float: left; прописывать не пришлось

Спустя 2 часа, 8 минут, 4 секунды (16.11.2010 - 14:26) symon123 написал(а):
Цитата (rolling @ 16.11.2010 - 09:18)
float: left; прописывать не пришлось

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

Спустя 1 минута, 52 секунды (16.11.2010 - 14:28) symon123 написал(а):
rolling, кстати, что внутри <div class="items"> - текст или картинки?

Спустя 26 минут (16.11.2010 - 14:54) rolling написал(а):
Цитата (symon123 @ 16.11.2010 - 11:28)
rolling, кстати, что внутри <div class="items"> - текст или картинки?

и то, и другое
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.