My Question(s)

Are any of these methods preferred by a professional web designer?

Are any of these methods prefereed by a web browser when drawing the website?

Is this all just personal preference?

Are there other techniques I'm missing?

Note: Above questions are in regards to designing a multi-column layout

float:left;

http://jsfiddle.net/CDe6a/

Это метод, который я всегда использую при создании макетов столбцов, и он, кажется, работает очень хорошо. Родитель рушится, поэтому вам просто нужно помнитьclear:both; после этого. Другаяcon Я только что обнаружил невозможность выравнивания текста по вертикали.

display:inline;

Это, кажется, исправляет проблему коллапсирующего родителя, но добавляет пробел.

http://jsfiddle.net/CDe6a/1/

Удаление пробелов из HTML, кажется, является самым простым решением этой проблемы, но нежелательно, если вы действительно разборчивы в своем HTML.

http://jsfiddle.net/CDe6a/2/

display:inline-block;

Кажется, ведет себя так же, какdisplay:inline;.

http://jsfiddle.net/CDe6a/3/

display:table-cell;

http://jsfiddle.net/CDe6a/4/

Работает отлично.

My thoughts:

Я уверен, что мне не хватает тонны вещей, как, например, определенные исключения, которые нарушат макет, но,display:table-cell; Кажется, работает лучше, и я думаю, что я начну заменятьfloat:left; как я всегда казаюсьclear:both;, Я прочитал много статей и блогов на эту тему в Интернете, но ни одна из них не дала мне однозначного ответа на вопрос, что мне следует использовать при размещении моего веб-сайта.