我可以包装img替换文字吗？

Question

我有一个由css样式设置为100x75的图像。如果未加载，则alt文本会加载到空间中，但会将容器扩展到100px以上的宽度。

我该怎样防止这种情况？切断或包裹它。

Answer 1

好吧，我在某种程度上想通了。我只是将图像包装在相同大小的容器中。我想我的浏览器（Firefox）没有包装文本，因为它是一个内联元素。

感谢大家的回复。

Answer 2

通常，无法控制alt文本的显示方式，大多数浏览器都会生成自己的版本（有些使用工具提示，有些则位于底部的状态栏中）。您不能在alt文本中使用标记，但有些浏览器会将换行符表示为换行符（尽管如此）。有关详情，请参阅this article。

Answer 3

可替换地：

• 您可以对图片使用overflow: hidden;。它将隐藏穿过图像边框的替代文字。虽然它不会包装文本。
• 另外，减少alt文字大小。

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

alt text的目的是让屏幕阅读器了解图像，所以我认为减少alt文本大小并隐藏溢出应该是最好的。但是，当然要避免使用很长的文本。

Answer 4

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

以下是Roger Johansson on 456 Berea Street - Writing good alt text

对该主题的精彩解读

总而言之，如果你正在写一个段落，那么你做错了。请查看使用longdesc属性（这是指向描述替代alt文本的图像的页面的链接）。

HTH

Answer 5

尽可能长时间没有替代文字

Answer 6

对于Firefox，您可以使用属性align:left。这将阻止替代文字 导致对齐问题，但会溢出可用空间。为此，您可以使用适当的字体大小属性。