Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html表仅在一个页面上失真_Html_Css_Web_Html Table - Fatal编程技术网

Html表仅在一个页面上失真

Html表仅在一个页面上失真,html,css,web,html-table,Html,Css,Web,Html Table,我有一个网站有一张桌子,出于某种原因,我找不到上帝的爱,桌子行的最后一项比以前的项目宽。下面是一个例子来了解我的意思。但是,它只在某些页面上这样做。大多数页面都很好。下面是一个它应该是什么样子的例子 每个页面上的代码都是相同的,我不太明白为什么会这样做,因为“inspect元素”告诉我table元素的宽度是相同的。然而,显然不是这样。请查看并让我知道从何处开始查找。底部一行中的以下内容导致了问题- СК-201(М)、231(М)、251(М)、351(М)、501(М) 它在从底部算起的第五排

我有一个网站有一张桌子,出于某种原因,我找不到上帝的爱,桌子行的最后一项比以前的项目宽。下面是一个例子来了解我的意思。
但是,它只在某些页面上这样做。大多数页面都很好。下面是一个它应该是什么样子的例子


每个页面上的代码都是相同的,我不太明白为什么会这样做,因为“inspect元素”告诉我table元素的宽度是相同的。然而,显然不是这样。请查看并让我知道从何处开始查找。

底部一行中的以下内容导致了问题-

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

它在从底部算起的第五排。


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

有些时候数据来自数据存储,当出现长单词时,您无法通过在表中添加空格来解决此问题,因此td width应扩展其简单性,以便在css中解决此问题。为您添加此行td css

word-break: break-all;
你的css看起来像

.catalog_items_blocks td {
  padding: 10px 0 38px 41px;
  width: 179px;
  word-break: break-all;
}
现在,单词穿过td宽度时会断开
谢谢

或者你可以在你的css中添加
.catalog\u item\u name>div>a{word wrap:break word;}
样式。是的,我的老板不喜欢单词的打断。但是如果任何单词的宽度超过td width,那么你将再次面临同样的问题