2015-12-09 2 views
2

У меня есть сайт со столом и почему-то, что я не могу найти для любви к Богу, последний элемент строки таблицы шире, чем предыдущие. Вот link, чтобы понять, что я имею в виду.
Однако это только на некоторых страницах. Большинство страниц полностью прекрасны. Вот пример того, как он должен выглядеть как this.Таблица Html искажается только на одной странице

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

ответ

3

В приведенной ниже содержание в одном из нижних строк вызывает проблему -

СК-201(М),231(М),251(М),351(М),501(М)

Сво в 5-й строке снизу. enter image description here

Добавить место после запятой, чтобы решить проблему.

+0

Ого оказалось так просто. Большое спасибо, сэр. –

+0

Или вы можете добавить '.catalog_item_name> div> a {word-wrap: break-word;}' style в свой css. –

1

некоторые временные данные приходят из хранилища данных и вы не можете hanld это с добавлением места в таблице, когда длинные слова приходят в то ширине тд должны расширить его просто решить этот вопрос в CSS добавить эту строку для т.да CSS

word-break: break-all; 

ваш CSS будет выглядеть

.catalog_items_blocks td { 
    padding: 10px 0 38px 41px; 
    width: 179px; 
    word-break: break-all; 
} 

Теперь слова разрывы при пересечении ширина TD благодаря

+0

Да, мой босс не любит, когда слова ломаются. –

+2

, но если любые слова будут иметь ширину больше, чем td, тогда вы столкнетесь с такой же проблемой снова –