行内元素有哪些?块级元素有哪些? 行内块元素有那些?他们有什么区别?

简介: 行内元素有哪些?块级元素有哪些? 行内块元素有那些?他们有什么区别?

行内元素有: a、 b、span、br、 i、 s。

块级元素有:div、 ul、ol、li、h1...h6、p、td、th、form。

行内块元素有:img、input、textarea。                                                                                                                                                                                                                      

区别:

行内元素:

与其他行内元素并排,不能设置宽高,默认的宽度就是文字的宽度。

块级元素:

独占一行,不能与其他任何元素并列。能接受宽高,如果不设置宽度,那么宽度将默认变为父级的100%。

行内元素:

和相邻的行内元素(包含行内块)在一行上,它们直接会有空白缝隙;

一行可以显示多个;默认宽度就是内容的宽度; 高度、宽度、内外边距都可以自定义;

相关文章
|
4月前
|
前端开发
css 块元素、行内元素、行内块元素相互转换
css 块元素、行内元素、行内块元素相互转换
319 0
|
8月前
|
前端开发 容器
CSS布局基础:块级元素、行内元素与行内块元素详解
CSS布局基础:块级元素、行内元素与行内块元素详解
351 0
|
9月前
|
前端开发
什么是块级元素和内联元素?
【5月更文挑战第24天】什么是块级元素和内联元素?
93 4
|
8月前
|
前端开发 Ruby
行内元素有哪些?块级元素有哪些?行内块元素有那些?
行内元素有哪些?块级元素有哪些?行内块元素有那些?
93 0
|
9月前
|
前端开发
html中行内元素、块级元素、行内快元素都有哪些,以及区别
html中行内元素、块级元素、行内快元素都有哪些,以及区别
180 1
|
9月前
|
Java
块元素、行内元素、行内块元素
块元素、行内元素、行内块元素
|
9月前
行内元素、块级元素、空元素的理解
行内元素、块级元素、空元素的理解
81 0
|
前端开发
前端总结:块级元素和行内元素及其区别
前端总结:块级元素和行内元素及其区别
208 0
前端总结:块级元素和行内元素及其区别
|
前端开发
一文搞懂行内元素、块元素、行内块元素
一文搞懂行内元素、块元素、行内块元素
一文搞懂行内元素、块元素、行内块元素
|
前端开发 容器
CSS中 块级元素、行内元素、行内块元素区别
CSS中 块级元素、行内元素、行内块元素区别
268 0