Chrome Padding問題關於段落文本

我對web開發場景有點新，並且我遇到了一個非常持久的Chrome問題，我似乎無法弄清楚。Chrome Padding問題關於段落文本

我正在使用Compact News Previewer來向數據庫顯示新條目。您會注意到，如果您在Firefox中查看演示文稿，所有內容都很合適，但在Chrome中，左側列中的段落會被截斷。我有我自己的實現，如下圖所示同樣的問題（注：我是執行從演示略有不同）： Paragraph text gets truncated in chrome

您可以看到自己這個問題，如果你去this website。

我已經試過：

CSS Reset - 沒有產生不同的結果。

編輯

我使用Chrome V18.0.1025.151，去嘗試在Ubuntu系統更新，所以我會爲您在明天，看看是否能解決此問題。

編輯2 很明顯，我使用的是最新版本的Google Chrome，可能是此版本的問題。但是，如果沒有其他人能看到的問題，那麼也許這是一個非問題...

編輯3 發現我是用鉻代替鍍鉻，我不知道有一個區別。我安裝了Chrome 7，但遇到與Chromium相同的問題。突然間，這些瀏覽器都不能顯示我的一些JPG圖像？ C̶h̶r̶o̶m̶e̶̶m̶u̶s̶t̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶< - 人爲錯誤！

來源

2012-06-25 Noz

對我來說很不錯。 Chrome/Win7 – ahren

您的圖像沒有清楚地說明這一點。你能改進它嗎？清楚地標出某種紅色突出顯示有什麼問題。 –

更新了圖像。我在Ubuntu上使用Chrome，但當我看到一位同事在Windows 7上打開我的網站時，我看到了同樣的問題。 – Noz

看來問題是由於Chrome的默認line-height和您在頁面上使用的字體。 Myriad Pro和Trebuchet MS在使用Chrome的默認設置時似乎擁有非常廣泛的領先優勢;無襯線很好。由於.cn_list p具有固定高度並且overflow:hidden集合，因此巨大的line-height Chrome會使這些字體將文本從框中推出，從而將其切斷。

你有兩個選擇：

在.cn_list p規則或在一個父元素的規則指定line-height值，如body級聯下來。（類似1或1em將收緊它，但是YMMV。）
刪除固定高度和隱藏溢出，這可能會破壞您的設計，因爲它會破壞網格。

雖然，在這裏添加一個line-height應該爲你做竅門。

正如HTML5Boilerplate always set a default line-height這樣的項目。

來源

2012-06-26 15:56:33 ajm

Chrome似乎對我的任何css更改都沒有響應。我嘗試了隱身模式+清除內容緩存，但仍然沒有任何反應。即使我設置每個p元素來顯示：沒有，它仍然存在舊的stylehseet。另外，我想象操縱行高會讓FireFox的版本看起來很奇怪，是否有隻影響Chrome的行高？ – Noz

Doh！我正在看我的網站的生產版本，而不是開發版本。是的，操縱行高將其固定在Chrome中。但是，有沒有辦法將這種行高更改應用於Chrome，因此它不會影響Firefox版本？ – Noz

不要緊，設置默認行高可以讓Firefox和Google Chrome同步設置樣式。謝謝您的幫助！ – Noz

Chrome Padding問題關於段落文本

回答

相關問題