区块 和 内联块 eg:  img{display:block;}

来源:互联网 发布:浏览器连接不上网络 编辑:程序博客网 时间:2024/05/16 09:23
注意:img 看着是一块,其实是内联标签当你需要将一张图片居中,或者要设置区域大小 要img{display:block;}
img{display:block;}
表示将img标签,也就是图片标签变成一个区块

标签是分成 区块 和 内联块 2种

一个标签显示一行的称为 区块,如(段落P,标题H系列,DIV等)
(你没见过在2个P标签放在一行能显示的情况吧)?

若标签能在一行显示N个,表明此标签为
内联块,如(<a>,<img>,<input>)

区块和内联块最大的区别就是,区块可以设置宽、高、居中对齐等操作,而内联块不行
也就是说,当你需要将一张图片居中,或者要设置区域大小,或单独一行显示,就用到你说的这个样式
display:inline 变成内联块
PS:区分区块还是内联块其实很简单,你可以把这个标签加一个背景颜色,若能占一行,则为区块,反之则是内联块
0 0