как разбить строку или пробел между двумя строками таблицы html

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

Если вы посмотрите мой код, я дал много пустых строк и столбца, чтобы сделать пробел между двумя строками в таблице.

Просьба указать любой другой правильный способ дать пространство между двумя рядами.

вот мой пример кода:

<form:form name="form" method="post" modelAttribute="Abatch"> 

<table> 
<tr> 
    <td>Please enter your comments</td> 
    <td><form:textarea id="textarea" style="width:150%;height:150%" path="Comments" size="255" readonly="false" /></td> 
</tr> 
<tr> 
<tr> 
<tr><td></td></tr> 
<tr><td></td></tr> 
<tr><td></td></tr> 
</tr> 
</tr> 
<tr>  
    <td><input id="button1" type="submit" name="submit" value="Approve"/></td> 
    <td><input id="button4" type="submit" name="submit" value="Reject"/></td> 

    </tr> 
</table>

источник

2013-09-25 Yellow Flash

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

CSS - ваш друг. Похоже, вы используете '

' просто для обеспечения макета. Это, как правило, не очень хорошая идея.Если вы должны/будете использовать таблицу, используйте стили CSS для этого, чтобы достичь желаемого макета. –

ответ

В соответствии с моделью CSS-Box:

Значения полей не применяются к строкам таблицы и ячейкам таблицы
См: http://www.w3.org/TR/CSS2/box.html#margin-properties

обивка и пограничные значения не применяются к строкам таблицы, но применяются для ячеек таблицы
См: http://www.w3.org/TR/CSS2/box.html#padding-properties

Быстрое исправление добавить отступы в верхней части строки, которую вы хотите разделить ,

Например: http://jsfiddle.net/audetwebdesign/caXsZ/

Пример HTML:

<table cellpadding="0" cellspacing="0" border="0"> 
    <tr class="row1"> 
     <td>Row One - 1</td> 
     <td>Row One - 2</td> 
    </tr> 
    <tr class="row2"> 
     <td>Row Two - 1</td> 
     <td>Row Two - 2</td> 
    </tr>  
</table>

CSS:

td { 
    border: 1px dotted blue; 
} 
tr.row2 td { 
    padding-top: 40px; 
}

Если вы хотите, чтобы стиль границ вокруг ячеек таблицы, вам может понадобиться добавить обертки вокруг содержимого и применять границы в зависимости от деталей конструкции.

источник

2013-09-25 16:22:43

он работает !!! Thanks –

Рад помочь. Не забудьте принять ответ! –

его не берет разницу.? wts решение для этого –

Установите атрибут margin для <tr> тега:

<tr style="margin-top:10px;"></tr>

Или сделать всю таблицу с этим стилем:

<style> 
    table tr { 
     margin-top: 10px; 
    } 

    table tr:first-child { 
     margin-top: 0px; !important 
    } 
</style>

источник

2013-09-25 15:54:54

Это не работает, CSS игнорирует поля и дополнения в строках таблицы. –

правильный способ дать интервалы для таблиц - использовать cellpadding и cellpacing, например

<table cellpadding="4">

или с помощью CSS:

<style type='text/css'>  
    table{ border-collapse: separate; } 
    table td { border-spacing: 1em; } 
</style>

источник

2013-09-25 15:54:55

Это не работает, CSS игнорирует поля и отступы в строках таблицы. –

спасибо, он отредактирован –

border spacing attribute has to be specified in CSS 

table 
    { 
    border-collapse:separate; 
    border-spacing:10px 0px; 
    }

Приведенный выше код установлен 10px расстояние между рядами и расстоянием между 0px между колоннами

источник

2013-09-25 15:57:56 Sudharsun

Попробуйте это:

<tr> 
    <td> 
     Row 1 
    </td> 
</tr> 
<tr> 
    <td> 
     &nbsp; 
     <!--you just need a space in a row--> 
    </td> 
</tr> 
<tr> 
    <td> 
     Row 2 
    </td> 
</tr>

источник

2014-05-27 19:57:50 MJ33

Perfect! Спасибо, что поделился.. – Xplora

Это может быть достигнуто, как это.

<tr> <td> <br> </td>  </tr>

источник

2016-03-14 11:59:42 anand24

Смежные вопросы