У меня есть border:dashed, который применяется к моим ячейкам таблицы, а в некоторых местах черточки сливаются с ячейками другой ячейки таблицы. См. Изображение ниже. Есть ли способ предотвратить это, не применяя стиль к строке напрямую?Есть ли способ, которым я могу предотвратить пунктирную границу для слияния?
Позже изменения: Я применил стиль к tr непосредственно и получил тот же результат.
Вы должны быть разрушаясь border вашего table элемента, поэтому избавиться от этого и использовать border-collapse: separate; с border-spacing: 1px; вместо
table {
border-spacing: 1px;
border-collapse: separate;
}
table tr td {
border-bottom: 1px dashed #000;
}
Demo 2(См углы, когда границы collapsed)
Ваш ответ правильный, он действительно делает то, что я прошу. Но результат по-прежнему уродлив, и я думаю, что в конечном итоге я воспользуюсь фоновым изображением, чтобы получить желаемый эффект - непрерывной, равномерно пунктирной границы. Большое спасибо за информацию! – fDruga
@fDruga Вы приветствуете :) –
Дать граница только с одной стороны. 'td {border-bottom: 1px dashed black;}' – tewathia
Нам нужно увидеть ваш CSS, но похоже, что вы можете установить нижнюю границу в таблице ** rows ** вместо таблицы ** cells ** – Itay
I подумайте, что этот вопрос уже ответил и лучше всего объясняется здесь http://stackoverflow.com/questions/9786963/non-uniform-dashed-border-in-table-cells. –