html行内元素与块级元素的区别总结
2018-10-29 11:25
441 查看
版权声明:暗影刀客 https://blog.csdn.net/u012436704/article/details/83503206
虽然自学了html很久了,但是对于小知识点记得总不是很清楚,最近被问到题目这个问题,当时我傻傻的读题不清楚,看成行级元素和块级元素,理解成,独占一行的元素和在行内一块一块的元素,结果错的妥妥的,所以记下来这次错误。
-
行内元素。顾名思义指的是在行内的元素,默认不会单独占一行,会多个紧密排列,根据布局会按照情况进行调整。
其中常见的有(默写啦):em、strong、input、img、span、a、br -
块级元素。级别很高,每个元素都是默认另起一行,
其中常见的有(默写啦):div、p、from、table、tr、td、th、ol、ul、li、h1-h6、hr、address
二者区别:
类型 | 行内元素 | 块级元素 |
---|---|---|
默认布局方向 | 水平布局 | 垂直布局 |
盒模型特性 | 无(image和input除外) | 可以设置width、height、padding、margin、默认为父容器大小 |
内部元素 | 行内元素、文本 | 行内元素、文本、块级布局 |
相互装换 | display:block | display:inline; |
注意:img和input是比较特殊的行内元素可以设置width和height,因为他们是替换行内元素,可以理解成inline-block
阅读更多相关文章推荐
- HTML的块级元素和行内元素全总结
- html中内联元素和块级元素的区别
- HTML中行内元素与块级元素有哪些及区别?
- HTML行级元素和块级元素区别和转化(displays属性)
- html 内联元素和html 块级元素概述及区别
- html内联元素和块级元素概述及区别
- 关于HTML(含HTML5)的块级元素和行级(内联)元素总结
- HTML中行内元素与块级元素的区别
- html行内元素、块级元素和行内块元素的区别
- HTML中行内元素和块级元素的区别及转换
- Html+Css_ 行内元素与块级元素比较全面的区别和转换
- 关于HTML(含HTML5)的块级元素和行级(内联)元素总结
- 关于HTML(含HTML5)的块级元素和行级(内联)元素总结
- 【前段开发】行内元素和块级元素总结(HTML CSS)
- html中块级标签,行内标签,空元素的总结
- html 内联元素和html 块级元素概述及区别
- HTML中行内元素与块级元素有哪些及区别 (网易博客)
- HTML常见标签及块级元素同行内元素的区别
- html块级元素和内联元素区别详解
- HTML行级元素和块级元素区别