2013-11-28 26 views
0

我有兩個圖像在html電子郵件。未顯示圖像時,預計會顯示替代文字。對?img alt文本不顯示時,它很長

<img src="invalid url" border="0" alt="AAA BBBB AAA BBBB 123456789" style="width:237px;height:100px;"> 
    <img src="invalid url" border="0" alt="AAA BBBB AAA BBBB 1234567890" style="width:237px;height:100px;"> 

但是,當文字比圖像的尺寸長時,根本不顯示。 因此,它顯示爲第一個圖像,而不顯示第二個。 如果文字較長或顯示文本的第一部分,是否有任何方法可以將文本顯示在多行中?

補充:這發生在Google Chrome上。對於Firefox,顯示alt。

+0

我可以看到兩個圖像的ALT文本。你能提供瀏覽器的細節,你面臨的問題? – Kishori

+0

剛剛添加粗體文本的問題。 FF顯示它很好。 Chrome是一個問題。 – Haradzieniec

+1

請參考給定的[鏈接] [1] [1]:http://stackoverflow.com/questions/5386570/how-to-display-alt-text-for-an-image-in-鉻 似乎這是與鉻的問題。 – Kishori

回答

1

假設你可以打破新行alt文本(這意味着它不是動態生成的)一個簡單的想法,在新行alt文字是:

<img src="foo.jpg" alt="Line 1 
Line 2" /> <br > // new line here is next line for alt text 

因此,對於您的情況:

<img src="invalid url" border="0" alt="AAA BBBB 
AAA BBBB 
123456789" style="width:237px;height:100px;"> 

參考:Newline in alt text

+0

謝謝。然而,在我的情況下,它不工作,替代文字生成(從數據庫中獲取)。是否有可能只用css/html解決這個問題?謝謝。 – Haradzieniec

+0

恐怕這是不可能的(至少在我的知識中)......因爲即使'
'也不被接受爲''字符串中的標籤! :( – NoobEditor

+0

@Haradzieniec:看起來像一些'webkit'問題,請檢查這是否有幫助http://stackoverflow.com/questions/5386570/how-to-display-alt-text-for-an-image-in-鉻 – NoobEditor

1

你的代碼沒有錯,這可能是錯誤我n webkit(Source)。 Chrome,Safari和其他Webkit瀏覽器不會向您顯示替代文字。 沒有什麼可以爲此做。即使您嘗試使用標題屬性,它也不起作用。

相關問題