我可以換裝img替代文字嗎？

Question

我有CSS樣式設置爲100x75的圖像。當它不加載時，alt文本會加載到空間中，但將容器擴展到100px寬度以上。

我該如何預防？通過切斷或包裹它。

Answer 1

那麼，我想到了一定程度。我只是將圖像包裝在相同尺寸的容器中。我想我的瀏覽器（Firefox）沒有包裝文本，因爲它是一個內聯元素。

謝謝大家對您的答覆。

Answer 2

一般情況下，有沒有辦法來控制ALT文本顯示，大多數瀏覽器自己製作的版本（一些使用工具提示，一些在底部的狀態欄）。您不能在替代文本中使用標記，儘管某些瀏覽器會將換行符表示爲換行符（但大多數情況下不會）。有關更多信息，請參閱this article。

Answer 3

只是不具有alt文本只要可能的話

Answer 4

alt屬性是用於替代文本;它應該簡短並描述它所具有的功能或它所呈現的內容。

下面是從Roger Johansson on 456 Berea Street關於這個問題的好讀 - Writing good alt text

總而言之，如果你正在寫一個段落，那麼你就錯了。查看使用longdesc屬性（這是指向頁面的鏈接，描述補充alt文本的圖像）。

HTH

Answer 5

對於Firefox，你可以使用屬性align:left。這將防止alt文本到 導致對齊問題，但會溢出可用空間。爲此，您可以使用適當的字體大小屬性。

Answer 6

或者：

• 可以使用overflow: hidden;的形象。它會隱藏穿過圖像邊界的替代文字。雖然它不會包裝文本。
• 也降低ALT文字大小。

 

#idlogo img {  
    overflow: hidden; 
    font-size: 10px; 
} 

ALT文字的目的是爲了讓屏幕閱讀器瞭解的形象，所以我覺得降低ALT文字大小和隱藏的溢出應該制定出最好的。但是，當然要避免使用很長的文字。