Библиотека размещения Div для UI Layout в HTML/CSS?

Question

Одна вещь, которую я всегда ненавидел, - это сложность позиционирования div в CSS. горизонтальное выравнивание, вертикальное выравнивание (и нет, а не с автомарками и т. д.). Вертикальное и горизонтальное позиционирование в родительских контейнерах (т. Е. Каскадирование) и т. Д. Группировка двух вещей бок о бок (и нет, а не с поплавками или таблицами или ul/li или другими хаками) и т. Д. Я бы также как различные типы контейнеров. Если вы знакомы с wpf, у них есть вертикальные/горизонтальные контейнеры для стека, а контейнеры для позиционирования обычно легко выполняются с объявлением чего-то как «выравнивание по левому краю, центрирование» и всегда учитывает положение родительских контейнеров.

Есть ли библиотека на github или что-то, что обрабатывает «контейнеры» и «позиционирование»? Это главным образом для макета пользовательского интерфейса в разработке приложений (настольных или мобильных), но на основе html5. Либо объявляя пользовательские атрибуты в html или css (предпочтительно), либо с помощью javascript-программирования?

Answer 1

Нет ничего сложного в том, чтобы использовать CSS для позиционирования элементов, как только у вас есть понимание. Если вы хотите, чтобы получить вещи в стек ответно для приложения с различными видовыми использовать адаптивную структуру сетки, это один очень простой в использовании для начинающих:

http://getskeleton.com/

Для еще большего контроля использования Flexbox (в зависимости от ваши потребности в поддержке браузера):

http://css-tricks.com/snippets/css/a-guide-to-flexbox/

Answer 2

Вы должны проверить twitter bootstrap на случай, если вы не слышали об этом, его самой популярной каркасной платформой. Он имеет сетчатую систему, которая довольно проста в использовании. http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

Это позволит вам создать макет с относительной легкостью. Я действительно рекомендую учиться в конце концов, узнав, как это сделать самому, но