2010-04-28 67 views
4

我有CSS样式设置为100x75的图像。当它不加载时,alt文本会加载到空间中,但将容器扩展到100px宽度以上。我可以换装img替代文字吗?

我该如何预防?通过切断或包裹它。

回答

5

那么,我想到了一定程度。我只是将图像包装在相同尺寸的容器中。我想我的浏览器(Firefox)没有包装文本,因为它是一个内联元素。

谢谢大家对您的答复。

2

一般情况下,有没有办法来控制ALT文本显示,大多数浏览器自己制作的版本(一些使用工具提示,一些在底部的状态栏)。您不能在替代文本中使用标记,尽管某些浏览器会将换行符表示为换行符(但大多数情况下不会)。有关更多信息,请参阅this article

0

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

1

alt属性是用于替代文本;它应该简短并描述它所具有的功能或它所呈现的内容。

下面是从Roger Johansson on 456 Berea Street关于这个问题的好读 - Writing good alt text

总而言之,如果你正在写一个段落,那么你就错了。查看使用longdesc属性(这是指向页面的链接,描述补充alt文本的图像)。

HTH

+0

它的图像缩放到100x75 Automotive公司的搜索结果。 “2010本田雅阁”超越100px ... – Khan 2010-04-28 18:16:08

+1

试试只是“汽车”,应该工作:) – 2010-04-28 19:50:16

0

对于Firefox,你可以使用属性align:left。这将防止alt文本到 导致对齐问题,但会溢出可用空间。为此,您可以使用适当的字体大小属性。

2

或者:

  • 可以使用overflow: hidden;的形象。它会隐藏穿过图像边界的替代文字。虽然它不会包装文本。
  • 也降低ALT文字大小。

 

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

ALT文字的目的是为了让屏幕阅读器了解的形象,所以我觉得降低ALT文字大小和隐藏的溢出应该制定出最好的。但是,当然要避免使用很长的文字。