Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.04.2016, 20:29
Интересующийся
Отправить личное сообщение для UhWhat Посмотреть профиль Найти все сообщения от UhWhat
 
Регистрация: 23.02.2014
Сообщений: 14

Выровнять ul li по родительскому блоку
Добрый вечер всем, подскажите пожалуйста, как выровнять li в нутри блока div по всей высоте и ширине? что б они друг под другом были.
Никак не хотят выстраиваться блин=)

Примерно такая конструкция:




<div>
    <ul>
        <li>11111111111111</li>
        <li>2222222222</li>
        <li>3333333333333</li>
        <li>4444444444</li>
    <ul>
</div>


Что б в независимости какая высота будет у дива, лишки занимали её всю .Как на картинки прикреплённой. Сорри за нубский вопрос такой но блин что то не выходит
Изображения:
Тип файла: jpg дел.jpg (19.8 Кб, 6 просмотров)

Последний раз редактировалось UhWhat, 14.04.2016 в 20:45.
Ответить с цитированием
  #2 (permalink)  
Старый 15.04.2016, 19:54
Аватар для Alexander Belov
Профессор
Отправить личное сообщение для Alexander Belov Посмотреть профиль Найти все сообщения от Alexander Belov
 
Регистрация: 12.03.2015
Сообщений: 173

UhWhat,
Почитайте внимательно про block, inline, inline-block и др.элементы. Как с ними работать. Там будут описаны свойства, в том числе и про отображение на всю ширину / высоту.

P.S. Наверное, самый простой, но не универсальный способ.

div {
height: 100vh;
}

li {
height: calc(100vh / 4);
}

Последний раз редактировалось Alexander Belov, 15.04.2016 в 20:04.
Ответить с цитированием
  #3 (permalink)  
Старый 16.04.2016, 19:50
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

ul {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}
ul li {
    display: table-row;
    vertical-align: middle;
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как выровнять изображение по высоте внутри div? shurik_shink (X)HTML/CSS 7 30.03.2016 10:40
Прокрутка скролла к блоку и далее по блокам CreateZone Общие вопросы Javascript 0 27.11.2015 21:51
переход к блоку johndoe Элементы интерфейса 4 11.10.2015 21:33
Установка чекбокса и отправка формы при клике по блоку UserKit Общие вопросы Javascript 7 13.10.2014 20:22
<input type='text'> Как выровнять по правому краю мигающий курсор при вводе? Golovastik Серверные языки и технологии 1 15.02.2011 09:59