Таблица, влияющая на размер ячейки

Question

Может ли кто-нибудь сказать мне, почему, когда я размещаю border=1 на столе, исправлена ​​его компоновка?

В этом заключается проблема: я написал несколько JavaScript, что делает меня диаграммой org. Если я поместил границу вокруг таблиц, составляющих диаграмму, все будет идеально. Если я удаляю границы, некоторые строки различаются по-разному (и, казалось бы, случайным образом) по ширине. Вы заметите это в красных строках, которые соединяют диаграмму org.

Это для встроенного атрибута «border» (например, <table border="1">).

Вот две демки:

Границы (хорошо, выглядит все выстроились): http://andrewvantran.com/table1.html

Нет границ (плохие, все неровные): http://andrewvantran.com/table2.html

Я хотел бы быть стол положил как это делается с границами, но я не хочу границ! Я не могу имитировать раскладку таблицы с границами, если не буду сохранять границы (чего я не хочу). Есть идеи?

Answer 1

Вы установили стол в border-collapse:collapse;? По своей природе по умолчанию происходит сбой separate, где ячейки имеют свои собственные границы. Если вы установите его на свалку, они сливаются, и он «выглядит правильно»

Answer 2

Попробуйте добавить border-collapse: collapse; в таблицу стилей. Это, кажется, многое исправить в вашем случае.

Кроме этого, я предлагаю вам использовать ширину для ячеек. Различные браузеры обрабатывают рисунок ячейки по-разному. Если вы укажете ширину, вы можете быть уверены, что ячейки выравниваются вправо. При тестировании графика используйте инструмент инспектора, такой как Firebug, чтобы определить, где находится каждая ячейка. Это поможет вам.