Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
 
ALEXandr20333
1 / 1 / 0
Регистрация: 30.01.2014
Сообщений: 263
#1

Выравнивание содержимого блока div - HTML, CSS

11.05.2016, 13:08. Просмотров 589. Ответов 17
Метки нет (Все метки)

Подскажите как выровнять содержимое блока div (в моем случае это картинки ) по центру
0
Миниатюры
Выравнивание содержимого блока div  
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.05.2016, 13:08
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Выравнивание содержимого блока div (HTML, CSS):

Выравнивание содержимого div блока - HTML, CSS
Добрый день!!! Уже второй день мучаюсь с выравниванием содержимого div блока по центру, вроде все попробовал но нужного результата не...

Вертикальное выравнивание содержимого блока - HTML, CSS
Внутри одного дива есть еще несколько дивов, расположенных друг под другом. Вот html: <div class="info"> <div...

Выравнивание DIV-блока - HTML, CSS
Вопрос простой: <div align="center">текст</div> всё нормально работает, но если сделать: <div class="center-block">текст</div> и ...

Выравнивание картинки внутри div блока по центру - HTML, CSS
Ребята привет! Я верстаю сайт с помощью div, у меня весь сайт на div Как выровнять картинку по центру внутри div-блока? Я сейчас...

Выравнивание картинки по центру div блока меньшего размера - HTML, CSS
Всем привет! В общем задача. У меня есть div-блок заданного размера. Внутри него расположена картинка. Высота у картинки 100%, а ширина...

Прокрутка содержимого блока DIV в Internet Explorer - HTML, CSS
Люди спасите! 2-й день бьюсь над безобразием IE. В Crome окно блока DIV при переполнении приобретает полосу прокрутки, и можно...

17
ALEXandr20333
1 / 1 / 0
Регистрация: 30.01.2014
Сообщений: 263
12.05.2016, 01:51  [ТС] #16
в одну колонку тут выравнивает
0
mrtoxas
Модератор
Эксперт HTML/CSS
2531 / 1869 / 1024
Регистрация: 12.07.2015
Сообщений: 5,032
Записей в блоге: 3
12.05.2016, 08:22 #17
Какое-то в этой теме недопонимание царит
0
Миниатюры
Выравнивание содержимого блока div  
mrtoxas
Модератор
Эксперт HTML/CSS
2531 / 1869 / 1024
Регистрация: 12.07.2015
Сообщений: 5,032
Записей в блоге: 3
12.05.2016, 09:27 #18
В архиве работающий пример. Объясню некоторые моменты по стилям.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.grid{
    width: 80%;  /*ширина общего контейнера. Если надо, чтобы он не резинил, ставишь в значение в пикселях*/
    margin:0 auto;
    text-align: center;
}
 
figure{
    display:inline-block;
    width:45%;  /*ширина каждого блока с картинкой, чтобы на каждую строку помещалось 2 картинки (45%+45%).*/               
    min-width:500px; /*минимальная ширина блока с картинкой, это чтобы при уменьшении окна браузера картинки не накладывались друг на друга, а схлопывались в одну колонку, но это снова для резиновости.*/ 
    margin:0;   
    text-align: center;
}
 
.effect-bubba img{
    max-width:500px; /*Максимальная ширина картинок*/       
    height: auto;
}
Изменяя эти стили, ты можешь настроить страницу под свои требования.
1
Миниатюры
Выравнивание содержимого блока div  
Вложения
Тип файла: rar 2column.rar (720 байт, 1 просмотров)
12.05.2016, 09:27
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
12.05.2016, 09:27
Привет! Вот еще темы с ответами:

Плавающая ширина блока div в зависимости от содержимого - HTML, CSS
Здравствуйте, помогите красиво решить задачу, которая прикреплена к вложению Моё решение ниже: <!DOCTYPE html> <html> <head> ...

Выравнивание блока footer внутри другого блока - HTML, CSS
Подскажите пожалуйста, как убрать разрыв между блоком Footer и div'ом cont. <article> <div id="cont"> <p class="zaglav"> ...

Выравнивание нескольких div'oв внутри другого div'a - HTML, CSS
Собственно задача Имеется: <div id="menubar"> <div class="menu_item"> Главная </div> <div class="menu_item"> ...

как в div загружать страницы из другого блока div - HTML, CSS
Здравствуйте. Кто сможет помочь мне в одном вопросе? Как можно загрузить по ссылке страницу из одного блока div в другой блок..то есть...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
18
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru