页面布局搞砸了

时间:2012-06-21 14:15:27

标签: mysql html css

我有很多网页使用相同的html结构。

由于某种原因,此page的宽度搞砸了。这就是布局看起来像http://bit.ly/Ie7yZ4

这些页面的唯一区别是从MySQL数据库传送的文本内容。

我认为问题与页面上的前几段有关,但我无法弄清楚它是什么。

PS:请你,如果你不知道如何解决这个问题,但是想要教育我关于无桌面布局和div,请节省你的气息 - 我有理由去桌子和所有页面谷歌排名很高,加载速度快,易于维护。

5 个答案:

答案 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;应用于范围。

相关问题