关于块(block)和内联(inline) (a)给 display: inline; 的元素设置宽高会起作用吗? (b)给 display: inline; 的元素设置上下/左右内外边距会起作用吗? (c)默认情况下,img 元素的 display 属性的值是什么?默认情况下给 img 元素设置宽高会起作用吗?默认情况下给 img 元素设置上下/左右内外边距会起作用吗?
时间: 2023-04-08 13:04:54 浏览: 53
(a) 不会起作用,因为 display: inline; 的元素的宽高由其内容决定。
(b) 上下内外边距会起作用,但左右内外边距不会起作用。
(c) 默认情况下,img 元素的 display 属性的值是 inline-block。默认情况下给 img 元素设置宽高会起作用,但给 img 元素设置上下/左右内外边距不会起作用。
相关问题
.inline { display: inline-block; *display: inline; *zoom: 1; }
.inline是一个CSS样式,用于将元素的显示方式设置为内联块级元素。它的具体定义如下:
```css
.inline {
display: inline-block;
*display: inline;
*zoom: 1;
}
```
其中,`display: inline-block;`将元素显示为内联块级元素,可以设置宽度、高度、边距等属性,同时保持元素在同一行显示。
`*display: inline;`和`*zoom: 1;`是为了兼容旧版本的IE浏览器而添加的hack。在IE6和IE7中,`display: inline-block;`不被完全支持,通过这两个属性可以实现类似的效果。
使用`.inline`样式可以将元素设置为内联块级元素,使其既具有内联元素的特性(同一行显示),又具有块级元素的特性(可以设置宽高等属性)。
display: block和display: inline-block;区别
display: block将元素呈现为块级元素,会在前后添加额外的空间,使其独占一行或多行。而display: inline-block将元素呈现为内联块级元素,不会独占一行,但是可以设置宽高等块级元素的属性。inline-block的元素排列会受到空格、换行符等文本节点的影响,而block不会。通常来说,使用display: block的元素用于布局或显示一整块内容,而使用display: inline-block的元素用于布局或显示一部分内容并允许其他内容在同一行内显示。