码迷,mamicode.com
首页 > Web开发 > 详细

HTML中块状,内联内联块元素区分

时间:2020-03-19 22:01:54      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:包含   情况   bsp   块元素   div   高度   span   input   图片   

html的元素可分为三种:块状,行内,内联块

1、块状元素
特点:
1)一个块级元素独占一行
2)元素的高度,宽度,行高以及顶部和底部边距都可以设置
3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)除非设定一个宽度
如:div,h标签,p,form,ul,li


2、内联元素(行内元素
特点:
1)和其他元素都在一行上
2)元素的高度、宽度以及顶部和底部边距不可以设置
3)元素的宽度就是它包含的文字或图片的宽度,不可改变
如:span,a,i,em,strong


3、内联块元素
就是同时具备内联元素和块元素的特点
1)和其他元素都在一行上
2)元素的高度,宽度,行高以及顶部和底部边距都可以设置
如:img,input


4display属性值
block:块级元素
inline:内联元素
inline-block:内联块元素


 

HTML中块状,内联内联块元素区分

标签:包含   情况   bsp   块元素   div   高度   span   input   图片   

原文地址:https://www.cnblogs.com/chen-wei123/p/12527163.html

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