Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> нижнее выравнивание блоков 
:(
    Опции темы
YahоО
Дата 19.12.2017, 00:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 37
Регистрация: 11.6.2015

Репутация: нет
Всего: нет



Доброго времени суток.
Хотелось бы изобразить гистограмму, но рисунок получается перевернутым. В приведенном ниже коде надо что то изменить, чтобы выравнивание нескольких блоков происходило по нижнему краю, т.е. что то типа vertical-align:bottom; но в моем примере именно эта строчка и не работает :
Код

<style>
.layer1 {
    float: left;
    background: #fd9;    
    margin-right: 2px;
    width: 50px;
}
</style>
<div style="vertical-align: bottom;">  
  <div class="layer1" style="height: 50px"></div>
  <div class="layer1" style="height:170px"></div>
  <div class="layer1" style="height: 10px"></div>
  <div class="layer1" style="height:100px"></div>
</div> 

Подскажите как изменить этот код с помощью css 
(без canvas, без jquery, без библиотек).
PM MAIL   Вверх
Google
  Дата 20.2.2018, 02:51 (ссылка)  





  Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0845 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.