У меня есть таблица HTML. Мне нужно иметь промежуток между столбцами таблицы, но не строками таблицы.
Если я использую свойство cellspacing css, он делает это между двумя строками и столбцами. Я также не могу использовать css в том, что я делаю. Мне нужно использовать чистый html
Если вы можете использовать встроенный стиль, вы можете установить левое и правое заполнение на каждом td. Или вы используете дополнительный td между столбцами и задаете несколько неразрывных пробелов, как предлагалось @rene.
Оба довольно уродливые, p css ftw
Лучший подход использует правило Shredder css: padding: 0 15px 0 15px только вместо встроенного css, определите правило css, которое применяется ко всем tds. Сделайте это, используя тег стиля на своей странице:
<style type="text/css">
td
{
padding:0 15px 0 15px;
}
</style>
или дайте таблице такой класс, как "paddingBetweenCols", а на сайте css используйте
.paddingBetweenCols td
{
padding:0 15px 0 15px;
}
Подход сайта css определяет центральное правило, которое может быть повторно использовано всеми страницами.
Если вы используете подход css для сайта, было бы лучше определить класс, как указано выше, и применить дополнение к классу... если вы не хотите, чтобы все td на всем сайте применяли одно и то же правило.
Скрипт для использования тега стиля
Скрипт для использования сайта css
Обратите внимание, если вы
<table cellpadding="pixels"cellspacing="pixels"></table>
<td align="position"valign="position"></td>
cellpadding= "длина в пикселях" ~ Атрибут cellpadding, используемый в теге <table>, указывает, сколько пробелов должно отображаться между содержимым каждой ячейки таблицы и соответствующей границей. Значение определяется как длина в пикселях. Следовательно, пара атрибутов cellpadding="10" будет отображать 10 пикселей пробела на всех четырех сторонах содержимого каждой ячейки в этой таблице.
cellspacing= "длина в пикселях" ~ Атрибут cellpacing, также используемый в теге <table>, определяет, сколько пробелов должно отображаться между соседними ячейками таблицы и между ячейками таблицы и границей таблицы. Значение определяется как длина в пикселях. Следовательно, пара атрибутов cellspacing="10" будет горизонтально и вертикально разделять все соседние ячейки в соответствующей таблице на длину 10 пикселей. Он также будет смещать все ячейки со стола на всех четырех сторонах на длину 10 пикселей.
В большинстве случаев может быть лучше заполнить столбцы только справа, так что будет добавлен только интервал между столбцами, а первый столбец все еще будет выровнен по таблице.
CSS:
.padding-table-columns td
{
padding:0 0 0 5px; /* Only right padding*/
}
HTML:
<table className="padding-table-columns">
<tr>
<td>Cell one</td>
<!-- There will be a 5px space here-->
<td>Cell two</td>
<!-- There will be an invisible 5px space here-->
</tr>
</table>