我在某处读到过,<img>
元素的行为两者都类似。如果正确的话,有没有人可以举例说明?
发布于 2010-03-09 00:21:36
这是真的,它们都是--或者更准确地说,它们是“内联块”元素。这意味着它们像文本一样在内联中流动,但也像块元素一样具有宽度和高度。
在CSS中,您可以将元素设置为display: inline-block
,使其复制图像的行为*。
图像和对象也被称为“替换”元素,因为它们本身没有内容,因此该元素本质上是由二进制数据替换的。
*请注意,浏览器在技术上使用display: inline
(如开发人员工具中所示),但它们对图像进行了特殊处理。他们仍然遵循inline-block
的所有特征。
发布于 2010-03-09 00:22:01
IMG元素是内联的,这意味着除非它们是浮动的,否则它们将与文本和其他内联元素一起水平流动。
它们是“块”元素,因为它们有宽度和高度。但在这方面,它们的行为更像是“内联块”。
发布于 2010-03-09 01:10:25
对于几乎所有的目的,都可以将它们看作是一个设置了宽度的内联元素。基本上,您可以使用CSS自由地指定图像的显示方式。我通常设置一些图像类,如下所示:
img.center {display:block;margin:0 auto;}
img.left {float:left;margin-right:10px;}
img.right {float:right;margin-left:10px;}
img.border {border:1px solid #333;}
https://stackoverflow.com/questions/2402761
复制相似问题