Пространство между тд - еще раз

Question

Пространство между тд - еще раз

0

Я закрыл последнюю тему, потому что хавр подумал, что она полностью ответила, но, как она теперь появляется, это не так. link: пробел между двумя td или tr тегами line-height: 0; здесь не очень полезно, потому что в оригинальной работе я делаю это явно с другими вещами, и дело в том, что эта линейная геометрия объединяет весь контент с очень маленькой строкой, за исключением изображений, я думаю. Я знаю, что могу сделать строку-высоту: 0; к конкретному td и не только td, но главное здесь - избавиться от пространства между td, как это было однажды в html 4, я думаю. Надеюсь, что-то я знаю ответ спасибо!

пример''

<table class="main-table-default">
    <tr>
        <td>
            <table class="main-table-header-default">
                <tr>
                    <td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0">
                    </td>
                </tr>
                <tr>
                    <td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0">
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
        </td>
    </tr>
    <tr>
        <td>random text<br><Br>
        </td>
    </tr>
</table>

У меня есть решение, я имею в виду именно так, что узнаю... но это очень уродливо. как я думал, чтобы решить это, заключается в том, чтобы сделать линейную высоту 0 для конкретного td, а затем сделать линию 100% для другого td в этом конкретном td, но это безумие... должен быть другой способ решить его. иначе это очень уродливо:/

user3556123 21 апр. 2014, в 14:49

Источник

0

приятель, пожалуйста, опубликуйте свой код и просто укажите, в чем проблема, в этом старом вопросе какой-то парень опубликовал ответ, и я не вижу никаких пробелов вообще.
Banana 21 апр. 2014, в 11:58
0

Бро, я знаю, но если ты попробуешь сделать другой тд с каким-то текстом, он разбьет все на одну строку. в этом проблема.
user3556123 21 апр. 2014, в 12:00

Теги:

html

css

2 ответа

0

Не помещайте пробелы (включая разрывы строк) перед закрытием элементов TD.

Вместо:

<td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0">
                </td>

Написать:

<td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0"></td>

В качестве альтернативы, в зависимости от вашего типа doctype, вы можете отказаться от закрывающего </td>.

Daze 21 апр. 2014, в 10:33

Ещё вопросы

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

Ankur Aggarwal · Accepted Answer · 2014-04-21T10-37-00.000Z

Всегда полезно добавить reset.css в начале, чтобы избавиться от ненужных пробелов. Наверное, ты этого не сделал. Пока добавьте следующий CSS

CSS:

table, tbody, tfoot, thead, tr, th, td
{        
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
}

table
{
         border-collapse: collapse;
         border-spacing: 0;
}

Сценарий: http://jsfiddle.net/KEK98/

Убедитесь, что во время начала разработки вы включили reset.css

спасибо за сброс css. сейчас я включу такую важную вещь, потому что, вероятно, нет другого способа решить ее, как я сделал это с помощью «уродливого кода».
@ user3556123 Сброс CSS это всегда хорошо. Это уменьшает кросс-браузерные проблемы до 90%. Если мой ответ может решить вашу проблему, пожалуйста, проверьте его :)