Когда стоит использовать свойство отображения CSS?

Question

Я думаю, что впервые узнал об этом свойстве, когда подумал: «Я должен поместить этот список элементов в ul, но я хочу, чтобы он располагался горизонтально. Интересно, смогу ли я сделать это с помощью CSS?» Когда я гуглил это, я обнаружил пару сайтов, предлагающих создать правило CSS, которое бы изменило значение свойства display элементов li на встроенное. Я также видел предложение, чтобы div (или другой элемент блока) был задан display: table-cell, чтобы заставить свойство вертикального выравнивания работать. Эти методы кажутся хакерскими. Имеет ли это смысл?

Возможно, это не очень хорошая аналогия, но похоже, что вы пытаетесь ездить на машине, как на мотоцикле. Да, я мог бы заменить рулевое колесо на рукоятки, надеть шлем и убрать все пассажирские сидения, но как, черт возьми, автомобиль едет на двух колесах?

Answer 1

В принципе принцип:

• Разметка семантическая;
• CSS для отображения.

Линии на практике несколько размыты, но это хорошая отправная точка.

Таким образом, список - это способ создания плоской или иерархической группы элементов. Вы можете использовать display, чтобы изменить его с вертикального списка на горизонтальный (display: inline или float) и т. Д.

Таким образом, вы используете свойство display, если это соответствует тому, как вы хотите, чтобы ваша разметка отображалась. Звучит неопределенно? Это вопрос, но, наверное, так и есть.

Answer 2

Список - это список, список, как они его сказали. Это список вещей. Как вы это отображаете, ну, это зависит от того, как вы хотите визуализировать это, верно?

Все дело в разделении интересов. Один из них - что (LI, UL, OL), другой - как вы отображаете это (CSS). Это не должно быть тесно связано.