页面布局搞砸了

我有很多网页使用相同的确切html结构。页面布局搞砸了

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

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

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

PS：请问，如果你不知道如何解决问题，但是想教育我一些关于无桌面布局和div的知识，请保住一口气 - 我有理由带着桌子走，所有的在谷歌网页排名非常高，加载速度快，易于维护。

2012-06-21 Acidon

_“易维护”_ - 嗯... – Nick

最后一段“搜索标签”有几个很长的句子，没有任何空格。这些行强制布局宽度。例如： 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-21 14:21:59

啊，你是我的英雄！出于某种原因，在我最后一次mysql导出/导入后，它删除了逗号后的所有空格。 – Acidon

这是你对含有<p>该段得到了令人发指的长ALT标签：

ALT =“模具检测特伦顿默瑟县新泽西州新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，”

删除修复该段落。

来源

2012-06-21 14:21:17

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

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

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

来源

2012-06-21 14:25:32 yarm

+1几乎完全相同的想法在同一时间;） – floorish

这是一个非常优雅的优雅的CSS解决方案，我会相信你的答案，但mazzucci是第一个指出的问题。我将不得不添加空格，因为这样会使它看起来像一个单独的文本块 – Acidon

这是因为搜索标签这是非常长的。

你可以用了CSS的，虽然改变：

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

是添加到持有标签的范围，你应该是不错的。这包装容器内的标签。或者在每个逗号之后加上空格，当然也可以加空格。

来源

2012-06-21 14:25:39 floorish

+1仅用于差异15 px =） – yarm

如果你真的需要它们（我个人使用display: none，或者完全删除它们），那么这是你在段落尾部包含的搜索标记的问题，那么你需要对表格应用，对表格应用word-wrap: break-word;。

来源

2012-06-21 14:27:31 Nick

页面布局搞砸了

回答

相关问题