2021-03-07
发布于2021-03-08 20:06 阅读(1515) 评论(0) 点赞(22) 收藏(5)
HTML标签的三大类## 标题
1、行内元素(也可称内联元素)
2、行内块元素(也可称内联块状元素)
3、块级元素
它们可以相互转换
display:inline: 转换为行内元素
display:linline-block 转换为行内块元素
display:block 转换为块级元素
各自具备的特性:
行内元素:
1.无法设置宽高
2. margin上下无效,只有左右有效果,padding都有效果,会撑大空间
3.不会自动换行
行内块元素:
1. 不会自动换行
2.能够设置宽高
3.默认排列方式为从左到右
4.可以使用text-align:center使内容相对于盒子水平居中对齐,
例如img标签,可以使用text-align:center,相对于父盒子居中对齐.,margin:0 auto无效
5.水平排列,但所有元素默认会有1个空格的间隙,因为元素之间在html中书写有回车换行,浏览器解析会将其解析成一个空格.
块级元素:
1.能够识别宽高
2.margin和padding的上下左右均对其有效
3.可以自动换行
4.多个块状元素标签写在一起，默认排列方式为从上至下
5.可以使用margin:0 auto居中对齐
原文链接:https://blog.csdn.net/weixin_51341210/article/details/114479001
所属网站分类: 技术文章 > 博客
作者：代码搬运工
链接：http://www.qianduanheidong.com/blog/article/33622/2b310d89d9f6f448047b/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力