0

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

由于某种原因，此页面上的宽度搞砸了。这是应该看起来像http://bit.ly/Ie7yZ4的布局。

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

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

PS：拜托，如果你不知道如何解决这个问题，但又想教我关于无表格布局和 div 的知识，请屏住呼吸——我有理由选择表格，所有页面的排名都很高在 google 中，加载快速且易于维护。

4

5 回答 5

3

原因在Search tags页面底部的部分。没有任何空格的长文本会拉伸表格单元格。

添加空格或作为选项添加到span标签样式属性

width: 600px;
display: block;
word-wrap: break-word;
于 2012-06-21T14:25:32.273 回答
2

这是因为搜索标签很长。

你可以用一点css来改变它：

width: 615px;
display: block;
word-wrap: break-word;

将其添加到包含标签的跨度中，您应该会很好。这将标签包装在容器内。

或者当然在每个逗号后添加空格。

于 2012-06-21T14:25:39.143 回答
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,

我建议在这些单词之间添加空格，以便它可以显示在多行上，或者将它们放在具有最大宽度的滚动容器中。

于 2012-06-21T14:21:59.253 回答
0

这是您在<p>该段落的包含中获得的长得可怕的 alt 标签：

alt="Mold Testing Trenton, Mercer County NJ New Jersey08601 ,08602,08603,08604,08605,08606,08607,08608,08609,08610,08611,08618,08619,08620,08625,08628,086410,086348, ,08646,08647,08648,08650,08666,08690,08691,08695,”

删除修复段落。

于 2012-06-21T14:21:17.763 回答
0

这是您在段落末尾的跨度中包含的搜索标签的问题，如果您真的需要它们（我个人会使用display: none，或完全删除它们））那么您需要申请table-layout: fixed;表，和word-wrap: break-word;跨度。

于 2012-06-21T14:27:31.653 回答