我有很多网页使用相同的html结构。
由于某种原因,此page的宽度搞砸了。这就是布局看起来像http://bit.ly/Ie7yZ4。
这些页面的唯一区别是从MySQL数据库传送的文本内容。
我认为问题与页面上的前几段有关,但我无法弄清楚它是什么。
PS:请你,如果你不知道如何解决这个问题,但是想要教育我关于无桌面布局和div,请节省你的气息 - 我有理由去桌子和所有页面谷歌排名很高,加载速度快,易于维护。答案 0 :(得分:3)
原因是在页面底部的Search tags
部分。有很长的文本,没有任何空间可以拉伸表格单元格。
添加空格或作为选项添加到span
标记样式属性
width: 600px;
display: block;
word-wrap: break-word;
答案 1 :(得分:2)
这是因为搜索代码非常长。
你可以用一点css来改变它:
width: 615px;
display: block;
word-wrap: break-word;
将其添加到包含标签的范围中,您应该很好。 这包含了容器内的标签。
或者在每个逗号后添加空格。
答案 2 :(得分:1)
最后一个跨度“搜索标签”有几个非常长的句子,没有任何空格。这些线条强制布局宽度。
例如:
08601,08602,08603,08604,08605,08606,08607,08608,08609,08610,08611,08618,08619,08620,08625,08628,08629,08638,08641,08645,08646,08647,08648,08650,08666,08690,08691,08695,
我建议在这些单词之间添加空格,以便它可以显示在多行上,或者将它们放在最大宽度的滚动容器中。
答案 3 :(得分:0)
对于该段,您可以使用<p>
包含的可怕的长标签:
alt =“模具测试Trenton,Mercer County NJ New Jersey08601,08602,08603,08604,08605,08606,08607,08608,08609,08610,08611,08618,08619,08620,08625,08628,08629,08638, 08641,08645,08646,08647,08648,08650,08666,08690,08691,08695,“
删除它会修复段落。
答案 4 :(得分:0)
如果您确实需要它们,那么您在段落末尾的范围中包含的搜索标记会出现问题(我个人会使用display: none
,或者完全删除它们))然后你'我需要将table-layout: fixed;
应用于表格,word-wrap: break-word;
应用于范围。