Я пытаюсь создать элемент управления проектом, такой как Microsoft Project, для тех из вас, кто это знает.Остановить DIVs, обертывание вокруг ...>
У меня есть один контейнер Div, а затем два суб контейнера следующим образом:
Каждый Суб контейнер имеет множество внутренних дивы, к примеру, мой первый суб контейнер имеет дивы для:
- ID,
- WBS,
- Description
- Start Date,
- End Date,
- Resource,
- etc
Этом это JSFidle.
Второй субконтейнер будет иметь диаграмму Ганта, поэтому один div в день на столько дней, сколько потребуется проекту, может составлять более 300 дней.
Проблема, которую я испытываю, заключается в том, что подконтейнер обтекает следующую строку, когда они достигают правой руки окна. Как я могу заставить его остановить упаковку?
Я пробовал: в главном контейнере:
overflow: auto;
overflow: visible;
А затем для суб контейнеров:
display: inline-block;
Но как вы можете видеть в JSFiddle, он просто оборачивает вокруг следующая строка. Я прошел через соответствующие посты здесь на Stack и гугле тоже, но предлагаемые ответы (в основном переполнения и дисплей) не работает для меня :(
Как я могу сделать это остановить обертывание?
Не уверен, что я понимаю, как это HTTP. : //jsfiddle.net/j08691/2s3muo0u/? – j08691
да именно так :) Большое спасибо! он работает :) – Mickael
на самом деле ... он отлично подходит для первого вспомогательного контейнера, но он все еще обертывает другие контейнеры, как вы можете видеть в этой скрипке: http://jsfiddle.net/2s3muo0u/5/ знаете ли вы, как я мог сделайте все 3 контейнера выстроенными на одну строку, поэтому у меня есть Контейнер 1 (заголовки столбцов) + контейнер 2 (который я буду использовать для изменения размера первого контейнера влево и вправо) + контейнер 3 (который имеет все даты для gantt)? – Mickael