Таблицы в IE не имеют границы, если граница = 0 при сбросе CSS?
-
12-09-2019 - |
Вопрос
В моем файле CSS у меня есть сброс, где я устанавливаю границу: 0.Это приводит к тому, что все таблицы в IE, а не в Firefox, не имеют границ.Даже если я установлю границу в таблице, она все равно не будет отображаться в IE.Кто-нибудь знает решение этой проблемы?
Часть остального:
table, img
{
border:0;
}
<table border="1">
<tr>
<td></td>
</tr>
</table>
Граница отображается в Firefox, но не в IE.Нужно ли мне использовать style="border:1px сплошной черный" в таблице вместо border="1"
Решение
Если вы хотите, чтобы эта конкретная таблица имела границу, я бы просто присвоил ей класс:
table, img
{
border:0;
}
table.something
{
border: solid 1px #000000;
}
<table class="something">
<tr>
<td></td>
</tr>
</table>
Это должно работать во всех браузерах.
Другие советы
Если вам нужна граница, вам не следует устанавливать границу на 0.Вместо этого попробуйте это:
table{
border: 2px;
}
Это должно получиться лучше.
РЕДАКТИРОВАТЬ:
Если вы хотите сделать это встроенно, вам следует сделать
<table border="2px">
Предполагая, что в вашем коде (в вопросе) нет опечатки, пробовали ли вы добавить единицу измерения во встроенную настройку?
<table border="1px">
Например?
В противном случае попробуйте использовать CSS, чтобы повторно активировать границы:
<table style="border: 1px solid #000;"> <!-- or use a stylesheet, or style block, obviously -->
Проверили ли вы, что используете соответствующий стандартам объявление типа документа, и не впадать в режим причуд?
Несколько совместимых со стандартами способов указать отсутствие границы в CSS:
ширина границы: 0;стиль границы: нет;
Элементы таблицы, элементы td и элементы th принимают границы, поэтому безопасным способом гарантировать полное отсутствие границ будет table, td, th {border-style:none;}.
table {border-collapse:collapse;} — это чисто CSS-способ удаления пробелов между ячейками.
Посетите сайты w3schools.com или w3.org, чтобы получить советы по CSS, совместимым со стандартами.
В вашей таблице примера ничего нет.IE решает, что у него нет контента, и поэтому не отображает атрибут «border="1".
Сброс с помощью
table {
border:none;
}
Затем используйте:
<table style="border:solid 1px #000;>
<tr><td>x</td></tr>
</table>
попытался ли ты
table {border-collapse: collapse;}
РЕДАКТИРОВАТЬ:подожди, ты пытаешься избавиться от границы или добавить ее?Теперь я в замешательстве...