block与inline,inline和inline-block,块级和行…

2018-06-24 02:13:42来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

block:块级元素默认display属性为block;无论块内内容有多少,总是占满一行;

inline:行内元素默认display属性为inline;只占据块内的内容的大小,不会占满一整行;

inline-block:将行内元素的display属性改为inline-block就可以控制行内元素的长和宽;

常见的块级元素:div ul ol li dl dt  p;常用的行内元素:a b span img input ;

inline-block和block的区别:简单点说,布局的时候,想在行级元素内添加块级元素,要换行就使用block,不要换行就是用inline-block.input和img为替换元素,直接可以控制替换元素的宽和高。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:可以在一个html的文件当中读取另一个html文件的内容

下一篇:CSS使用position:sticky 实现粘性布局