5

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

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

4

6 回答 6

6

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

感谢大家的回应。

于 2010-04-28T18:14:47.687 回答
3

或者：

  • 您可以使用overflow: hidden;图像。它将隐藏跨越图像边框的替代文本。虽然它不会换行文本。
  • 另外，减小替代文字的大小。

 

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

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

于 2011-05-11T10:46:08.547 回答
2

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

于 2010-04-28T16:52:09.777 回答
1

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

这是罗杰·约翰逊（ Roger Johansson）在伯里亚街 456 号的一篇关于这个主题的好读物——写好的替代文字

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

高温高压

于 2010-04-28T17:56:40.927 回答
0

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

于 2011-05-11T10:07:15.693 回答
-1

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

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