校招刷题群
高效刷题 迎战校招
校招精选试题
近年面笔经面经群内分享
Java刷题群 前端刷题群 产品运营群
首页 > js语言和框架 > 基础属性作用
题目

inline-block、inline和block的区别;为什么img是inline还可以设置宽高

解答

Block是块级元素,其前后都会有换行符,能设置宽度,高度,margin/padding水平垂直方向都有效。

Inline:设置width和height无效,margin在竖直方向上无效,padding在水平方向垂直方向都有效,前后无换行符

Inline-block:能设置宽度高度,margin/padding水平垂直方向 都有效,前后无换行符。

C 8条回复 评论
信长之野望

云里雾里地听完了……

发表于 2021-12-07 15:40:00
0 0
天宫

img属于可替换元素,拥有内置的宽高,外观的渲染独立于css

发表于 2020-11-09 09:48:11
0 0
天宫

img属于可替换元素,拥有内置的宽高,外观的渲染独立于css

发表于 2020-11-09 09:48:10
0 0
武当小王也

inline-block:行内块元素,可以设置宽高。前后无换行符,可以与其他行内元素(包括行内块)共用一行。
inline:行内元素,主要是文本内容,没有宽高,除非给它一个display:block/display:inline-block使它成为块元素/行内块元素,才可以设置宽高。
block:块级元素,可以设置宽高,前后有换行符。
img是inline,但是细分,img是属于行内块元素,可以设置宽高的。

发表于 2020-10-22 11:38:33
0 0
王春

block是块元素

发表于 2020-10-22 11:22:20
0 0
王豪杰

block是块级元素,默认情况单独占一行,具有内外边距等盒子模型特征,inline是行内元素,每行可以多排,不具有内外边距。inline-block给block提供了inline的特征,使block元素可以位于行内。有些属性,比如位置变换也只对块级元素有效

发表于 2020-10-22 10:18:36
0 0
Yates

block:块元素,独占一行,可社设宽高。
inline:行内元素,并排显示,不可设宽高。
inline-block: 行内块元素,并排显示,可设宽高

img虽然是行内元素,但也是置换元素,元素自身拥有内在尺寸内置宽高,img的属性如图设置了display: inline-block

发表于 2020-10-22 10:16:48
0 0
邱球球*

block是块

发表于 2020-10-22 10:16:26
0 0