Мои вопросы)
Любой из этих методов предпочитает профессиональный веб-дизайнер?
Любой из этих методов предпочтительнее веб-браузера при рисовании веб-сайта?
Это все только личные предпочтения?
Есть ли другие техники, которые мне не хватает?
Примечание. Приведенные выше вопросы касаются проектирования многостолбцовой компоновки.
плыть налево;
Это метод, который я всегда использую при создании макетов столбцов, и он, кажется, работает очень хорошо. Родитель рушится сам по себе, так что вам просто нужно помнить clear:both;
потом. Другой недостаток, который я только что обнаружил, - это невозможность выравнивания текста по вертикали.
отображения: встроенный;
Это, кажется, исправляет проблему коллапсирующего родителя, но добавляет пробел.
Удаление пробелов из HTML, кажется, является самым простым решением этой проблемы, но нежелательно, если вы действительно разборчивы в своем HTML.
отображать: встроенный блок;
Кажется, ведет себя так же, как display:inline;
.
отображения: настольные ячейки;
Работает отлично.
Мои мысли:
Я уверен, что мне не хватает тонны вещей, вроде определенных исключений, которые могут нарушить компоновку, но, display:table-cell;
кажется, работает лучше, и я думаю, что начну замену, float:left;
как мне всегда кажется, запутаться clear:both;
. Я прочитал много статей и блогов об этом в Интернете, но ни одна из них не дает мне однозначного ответа на вопрос, что я должен использовать при размещении своего сайта.
display: inline
свойство и обнаружил, что оно не заботится о правильном заполнении дочерних элементов. Но если я использую display: inline-block
это позаботится автоматически. Пожалуйста, смотрите ссылку - codepen.io/prashdeep/pen/rVOyvd Пожалуйста, дайте мне знать ваши входы на том же