頁面佈局搞砸了

我有很多網頁使用相同的確切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

頁面佈局搞砸了

回答

相關問題