У меня следующая разметка (упрощенная, но такая же проблема существует)
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>table test</title>
</head>
<body>
<table style="border:2px blue solid; border-collapse:collapse; border-spacing:0;">
<tr>
<td >root table cell</td>
</tr>
<tr>
<td style="border:2px green solid;">
<table style="border:2px red solid; border-collapse:collapse; border-spacing:0;">
<tr>
<td>some content</td>
</tr>
<tr>
<td><a href="ruleDoc.html">some link</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Проблема в том, что над вложенной таблицей есть пробел. Если посмотреть на динамическую разметку с помощью инструментов разработчика Chrome, она находится над вложенной таблицей:
Это неразрывный пробел с возвратом каретки после него, который вызывает пробел. Но в моей разметке его нет. Как я могу заставить его уйти?
1 ответ
Догадаться. После тега </tr> был неразрывный пробел. Это не обычный пробел, потому что я не могу воссоздать проблему, просто набрав пробел после тега tr. Но я могу сократить пространство, обновить страницу, и она исчезнет. Вставьте пробел, и он вернется.
Буквально невидимая проблема!
Похожие вопросы
Новые вопросы
css
CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.