Удалить пробелы между ячейками таблицы

Question

Удалить пробелы между ячейками таблицы

0

У меня есть следующая разметка

      <div class="dc2-search-form">
                <table width="100%">
                    <tbody>
                        <tr>
                            <td>
                                <div class="search-form-label">
                                    <span id="StreetAddress_Label">Address</span>
                                </div><br>
                                <input style="height: 10px; width:80px" tabindex="0"
                                type="text" value="">
                            </td>
                            <td>
                                <div class="search-form-label">
                                    <span id="Sales_Cycle_Label">Sales
                                    Cycle</span>
                                </div><br>
                                <input style="height: 10px; width: 80px;" tabindex="0" type="text" value="">
                            </td>
                        </tr>
                    </tbody>
                </table>

И после CSS

.dc2-search-form {
 overflow-x: scroll;
 }
.dc2-search-form  table {border-collapse:collapse;border-spacing:0;border:0}
.dc2-search-form .search-form-label{font-size:13px;background-color:#BFBFBF;padding:10px 0 10px 1px; border-top:1px solid black;border-bottom:1px solid black;}
.dc2-search-form table select,input{height:10px;font-size:10px;padding:2px;}

Вот jsfiddle для справки

Он дает мне желаемый результат, за исключением небольшого битового пространства между ячейками таблицы. Мне нужно, чтобы span div отображался как бесшовная одна строка с краем сверху и снизу, но я могу выполнить это из-за пробела.

Как удалить пространство между ними.

Neel 09 янв. 2014, в 16:12

Источник

Теги:

html

css

css3

3 ответа

0

добавить cellspacing=0 cellpadding=0 в table

обновить скрипку

<table width="100%" cellspacing=0 cellpadding=0>

NoobEditor 09 янв. 2014, в 11:41

0

Попробуйте установить cellpadding и cellspacing равным 0, например:

<table cellpadding='0' cellspacing='0'>
    ...stuff...
</table>

techouse 09 янв. 2014, в 11:34

Ещё вопросы

George · Accepted Answer · 2014-01-09T11-52-00.000Z

Не применяйте дополнения к ячейкам таблицы:

.dc2-search-form  table td{padding:0}

JSFiddle

спасибо, хотя все ответы работают, но это кажется лучше
CSS, как правило, путь (: - Рад, что помог.