Как правильно добавить пространство в таблицу HTML?

Question

Я пытаюсь настроить расстояние между таблицами в создаваемом веб-приложении. Я обнаружил различные свойства, управляющие пространством внутри таблицы: пространство ячеек, заполнение ячеек, расстояние между границами и, конечно, поля и отступы. В чем разница между этими? Должен ли я просто использовать поля и отступы, которые я знаю и понимаю, или это более уместно и правильно использовать свойства таблицы?

Answer 1

Что касается cellpadding и cellspacing - они не поддерживаются в HTML5 (см.: https://www.w3schools.com/tags/att_table_cellpadding.asp https://www.w3schools.com/tags/att_table_cellspacing.asp).

Что касается свойства margin, его можно использовать для пробела всей таблицы, но оно не применяется к пространству между ячейками ( https://developer.mozilla.org/en-US/docs/Web/CSS/margin). Для пробелов между ячейками используйте свойство border-spacing ( https://www.w3schools.com/cssref/pr_border-spacing.asp). для пространства внутри ячеек просто используйте отступы.

Answer 2

Я думаю, что лучшее решение - прочитать что-то об этих свойствах и решить, что вам действительно нужно:

• https://www.w3schools.com/tags/att_table_border.asp
• https://www.w3schools.com/tags/att_table_cellpadding.asp
• https://www.w3schools.com/tags/att_table_cellspacing.asp