html - 我可以换行 img alt 文本吗？

Question

我有一个由 css 样式设置为 100x75 的图像。当它不加载时，替代文本会加载到空间中，但会将容器扩展至超过 100 像素的宽度。

我怎样才能防止这种情况？要么把它剪掉，要么把它包起来。

score 6 · Accepted Answer

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

感谢大家的回应。

score 3 · Accepted Answer

或者：

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

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

score 2 · Accepted Answer

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

score 1 · Accepted Answer

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

总而言之，如果你在写一个段落，那么你做错了。查看使用 longdesc 属性（它是一个链接到描述图像的页面，以补充替代文本）。

高温高压

score 0 · Accepted Answer

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

score -1 · Accepted Answer

-1

如果可能的话，不要让替代文本尽可能长

于 2010-04-28T16:54:17.333 回答

6 回答 6