Пробелы в таблице HTML?

Question

Я новичок в HTML, и мне интересно, есть ли эффективные способы, кроме грубой силы, использующие пробелы для создания следующей таблицы:

Я пытался сделать это, но код не был красивым. Буду признателен за вашу помощь и советы.

Answer 1

HTML:

<table>
  <tr><td class="lcol"></td><td class="mcol"></td><td class="rcol"></td></tr>
  <tr><td class="mrow"></td><td></td><td></td></tr>
  <tr><td class="brow"></td><td></td><td></td></tr>
</table>

CSS:

.lcol { width: 40px; height: 40px; }
.mcol { width: 400px; }
.rcol { width: 40px; }
.mrow { height: 400px; }
.brow { height: 40px; }

Очевидно, отрегулируйте размеры пикселей по мере необходимости. Вы также можете использовать «%», если хотите разместить на странице.

Редактировать : если вы хотите, чтобы границы отображались, то в css:

table { border-collapse: collapse; border: 1px solid #000; }
td { border: 1px solid #000; margin: 0; }

Answer 2

почему бы не использовать  . Это сущность, используемая для представления неразрывного пробела.По сути, это стандартное пространство, основное отличие в том, что браузер не должен разбивать (или переносить) строку текста в той точке, которую он занимает.