在瀏覽器

不同的預先標記所以我有這樣的代碼：在瀏覽器

<span readonly="true" id="textarea" cols="60" rows="1"> 
    <pre style="{display:inline; white-space: pre-wrap; word-wrap:break-word;}"> SOME TEXT HERE </pre> 
</span>

我有兩個問題。當我引入一個沒有空格或換行符的非常長的字符串時。例如：

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa。

在Firefox和歌劇它顯示正常：

aaaaaaaaaaaaaaaa 
aaaaaaaaaaaaaaaa 
aaaaaaaaaaaaaaaa

上鉻

等

，IE和Safari它表明：

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

和退出屏幕

我需要一些幫助。哦，第二個問題是，在鉻，IE和Safari瀏覽器，而不是顯示內聯，它顯示塊，即使我寫顯示：內聯;

已解決：而不是我用，所以它會從一開始就內聯。就像你們說我拿出{}並且它工作了！謝謝

來源

2012-05-24 Paul Moldovan

你的問題很難理解。你能用一些代碼提供一個真實的例子嗎？ – MetalFrog

@MetalFrog代碼存在，但由於格式錯誤而被隱藏。 – Sirko

當然應該是

？ – Undefined

我懷疑那是因爲你還沒有定義的寬度，在我的經驗word-wrap僅適用於塊元素（可以設置inline-block如果你需要它來包裝和內聯）。

這也是奇怪的，你將pre在span具有textarea的屬性。

http://jsfiddle.net/A2MNN/

HTML：

<pre> 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa. 
</pre>

CSS

pre{ 
    width:40em; 
    word-wrap:break-word; 
    white-space:pre-wrap; 
}

來源

2012-05-24 15:17:50 MetalFrog

很久以前這個跨度是textarea。我從來沒有改變屬性。無論如何，這是行不通的。它可以在firefox上設置寬度而不是在Chrome上。 –

適用於Chrome。小提琴是否工作，但不是你的網頁？ – MetalFrog

您的標記是無效的，其方式是瀏覽器不準備來處理，你的樣式表違反CSS規則。這意味着你應該期望瀏覽器顯示垃圾，在不同的瀏覽器上可能會有不同的垃圾。

爲了獲得有關您的真實問題的幫助，您應該描述問題（而不是解決未指定問題的完全破碎的方式），即您希望達到的目標，並展示您的最佳解決方案，作爲一個完整和有效的HTML文件。

來源

2012-05-24 17:34:15

回答

相關問題