码迷,mamicode.com
首页 > 其他好文 > 详细

inline元素、block元素、inline-block元素

时间:2019-03-09 01:23:17      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:logs   NPU   lock   img   html   str   com   控制   www   

inline 内联元素:是不可以控制宽和高、margin等;并且在同一行显示,不换行,直到该行排满。

block 块级元素:是可以控制宽和高、margin等,并且会换行。块级对象元素会单独占一行显示,多个block元素会各自新起一行。

inline-block 内联块级元素: 具有宽度高度特性,又具有同行特性(一行内显示)

 

常見的inline元素:span,a,strong,em等。

常見的block元素:div,p,h1到h6,form,ul,ol等。

常見的inline-block元素:img,input等。

 

注意:

(1)块级元素的默认长度是它父元素的长度。

(2)块级元素能包含块级元素,内行元素。

(3)行内元素不能包含块级元素吗。

(4)行内元素能包含其他行内元素。  

参考:

https://www.cnblogs.com/jerry666/p/5223409.html

https://www.jianshu.com/p/37de1610a1e1

inline元素、block元素、inline-block元素

标签:logs   NPU   lock   img   html   str   com   控制   www   

原文地址:https://www.cnblogs.com/swing07/p/10498948.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!