強制自動換行 - 保持「代碼」樣式與文本框內嵌

我正在使用Feed聚合網站。有時我得到這樣的帖子： http://www.r-bloggers.com/network-visualization-in-r-with-the-igraph-package/強制自動換行 - 保持「代碼」樣式與文本框內嵌

其中代碼文本溢出文章的文本框。下面是一個屏幕截圖：

enter image description here

有沒有一種方式，以確保在現場，這個溢出不會發生的CSS？

謝謝。

來源

2012-11-06 Tal Galili

您是否嘗試將css添加到代碼標記？ – JPK

文本正在使用Chrome 24.0.1312.2 dev-m爲我打包。您在哪個瀏覽器中看到了未封裝的文本？ – andyb

我正在使用firefox –

HI現在習慣了這種定義您pre標籤white-space: pre-wrap;

像這樣

pre { 
white-space: pre-wrap;  /* CSS3 */ 
    white-space: -moz-pre-wrap; /* Firefox */  
    white-space: -pre-wrap;  /* Opera <7 */ 
    white-space: -o-pre-wrap; /* Opera 7 */  
    word-wrap: break-word;  /* IE */ 
}

more info

結果是 enter image description here

來源

2012-11-06 09:34:46

使用'word-wrap：break-word'是有問題的，因爲它也會破壞代碼字 - 它可能會將foobar打破爲fooba和r。讓內容在IE 7及更舊版本上溢出（或導致滾動）可能會更好。 –

強制自動換行 - 保持「代碼」樣式與文本框內嵌

回答

相關問題