Html表只在一个页面上变形

时间:2015-12-09 05:38:18

标签: html css web html-table

我有一个带有桌子的网站,由于某种原因,我找不到上帝的爱,表格行的最后一项比以前的项目更宽。这是一个link,看看我的意思。
但是,它只会在某些页面上执行此操作。大多数页面都很好。这是一个看起来像this的样子的例子。

每个页面上的代码都是相同的,我不太明白为什么会这样做,因为'inspect element'给我表格元素的宽度是相同的。但是,显然不是。请检查一下,让我知道从哪里开始寻找。

2 个答案:

答案 0 :(得分:3)

其中一个底行中的以下内容导致问题 -

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

它在底部的第5排。 enter image description here

在逗号后添加空格以解决问题。

答案 1 :(得分:1)

有些时候数据来自数据存储,你不能通过在表格中添加空格来表达这一点,然后td宽度应该扩展它的简单来解决这个问题在css中为你添加这一行td css

word-break: break-all;

你的css看起来像

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

现在,当跨越td宽度时,单词会中断 感谢