为什么这个HTML表格在div之外?

时间:2014-09-15 01:39:17

标签: html css hyperlink word-break

我会尽量让我的问题变得清晰,我会感激任何帮助,因为我没有地方寻找答案。

我在这个网站上有3个表:http://3577wf14.clindgrencv.com。我已经梳理了所有三张桌子'格式(HTML / CSS,ID,类,开放元素等),它们是相同的。 (显然,不是内容,而是代码。)然而,第一个表不符合>部分。 div>表关系就像后续2做的那样。换句话说,当窗口宽度减小时,第2和第3表符合div,但第1表没有。

以下是该问题的一些屏幕截图。 请注意计算出的宽度值

问题表#1

enter image description here

工作台

enter image description here

非常感谢任何有关答案的提示。再一次,我已经做到了最好,我可以将它与其他两个工作正常的表进行交叉比较。

此致

滞留

1 个答案:

答案 0 :(得分:2)

问题似乎是由于此链接:

  

http://www.ted.com/talks/kevin_slavin_how_algorithms_shape_our_world?language=en

由于URL位于表格中,因此它会推动表格的边界并扩展宽度(取决于您的显示器分辨率和浏览器窗口大小)。这是完整显示网址的问题之一(虽然老实说我本以为它会在斜线上突破)。

您可以通过以下样式使用过长的网址来避免此类问题:a { word-break: break-all; }。根据Mozilla文档word-break,作为CSS3的一部分得到了相当好的支持。