Удалить пространство между 2 рядами

Это мой HTMLУдалить пространство между 2 рядами

<table > 

       <tr> 
        <td></td> 

        <td style="width: 180px;text-align: right">2323</td> 

       </tr> 

       <tr> 
        <td><strong>Name</strong></td> 
        <td style="width: 180px" >GGGG</td> 

       </tr> 

       <tr><td>&nbsp;</td></tr> 
       <tr> 
        <td><strong > Test</strong></td> 

       </tr> 
       <tr> 

        <td style="border-bottom: 1px solid #000">&nbsp; </td> 
       </tr> 


      </table>

Вот скрипка link

Вы можете видеть, что есть разрыв между текстом «Test» и линия

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

Я попытался с помощью style="border-spacing: 0;border-collapse: collapse"

источник

2013-09-20 Happy

Ну, это не пробел, другая ячейка таблицы ... просто удалите его и переместите эту границу в ячейку, содержащую текст «Test» – Gatekeeper

http://jsfiddle.net/42jQF/4/ –

заменить

<tr> 
    <td><strong > Test</strong></td> 
</tr> 
<tr> 
    <td style="border-bottom: 1px solid #000">&nbsp; </td> 
</tr>

<tr> 
    <td style="border-bottom: 1px solid #000;"><strong > Test</strong></td> 
</tr>

Demo

источник

2013-09-20 09:50:44

Большое спасибо. Он отлично работал – Happy

@ Happy Glad я мог бы помочь вам ... –

Можете ли вы рассказать мне, что не так с моей структурой таблицы, как @JukkaKKorpela – Happy

Pu t стиль на этой линии?

<table cellspacing="0"> 

       <tr> 
        <td></td> 

        <td style="width: 180px;text-align: right">2323</td> 
       </tr> 

       <tr> 
        <td><strong>Name</strong></td> 
        <td style="width: 180px" >GGGG</td> 
       </tr> 

       <tr> 
        <td>&nbsp;</td> 
       </tr> 
       <tr> 
        <td style="border-bottom: 1px solid #000"><strong> Test</strong></td> 

       </tr> 

      </table>

источник

2013-09-20 09:51:23 Ruddy

Удалите текст из т.д с границей
Установить границы в тд содержит "Test"

фиксированной? JS fiddle.net/42jQF/2/

источник

2013-09-20 09:52:20

В качестве альтернативы можно использовать

<td style="border-top: 1px solid #000">&nbsp;</td>

или

<td style="border-bottom: 1px solid #000">Test</td>

«Зазор» вы имеете в виду на самом деле клетка ниже вашего теста значение с нижней границы.

источник

2013-09-20 09:53:30 Jeremy

Большое спасибо за ваш ответ. Я поддержал, но соглашусь с ответом Дипеша Пармара. Извините – Happy

Не беспокойтесь, пока вы выполняете эту работу. Приветствия. – Jeremy

Разрыв возникает из-за последней строки таблицы, содержащей пространство без разрыва  , что делает контент выше строки текста. Поэтому удаление  , похоже, решит проблему.

Однако нелогично устанавливать границу на фиктивной ячейке, когда вы можете установить ее на настоящую ячейку. Более того, структура таблицы ненормальна, поскольку строки имеют разные числа ячеек. (Валидатор HTML5 предупредил об этом по уважительным причинам.) Однако для этого потребуется информация о предполагаемой структуре реальной таблицы (одна из которых, по-видимому, является сильно упрощенной версией).

источник

2013-09-20 10:19:42

Как должна быть структура таблицы? Кант понимал, что нажимает на мою структуру таблицы. – Happy

http://validator.w3.org говорит (три раза): «Строка таблицы была шириной 1 столбца, что меньше количества столбцов, установленного первой строкой (2)». Исправление зависит от того, что должна представлять таблица. –

Удалить пространство между 2 рядами

ответ

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