HTML--行内元素/块级元素

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML--行内元素/块级元素相关的知识,希望对你有一定的参考价值。

行内元素

1.默认同行可以继续跟同类型标签;

2.内容撑开宽度

3.不支持宽高

4.不支持上下的margin和padding

5.代码换行被解析成一个空格

 

块属性标签
1.默认独占一行显示

2.没有宽度时,默认撑满一排

3.支持所有css命令

 

行内块级元素

 

1.块在一行显示

2.行内属性标签支持宽高

3.没有宽度的时候内容撑开宽度

但是inline-block也存在几个问题

1.代码换行同样会被解析为空格

2.IE67不支持块级元素的inline-block属性

 

块级元素和行内元素的转换

display:block; 显示为块

display:inline; 显示为内联

 

以上是关于HTML--行内元素/块级元素的主要内容,如果未能解决你的问题,请参考以下文章

HTML行内元素块级元素行内块级元素的特点与区别

带你认清块级元素内联元素行内块级元素

HTML 行内块级空(void) 元素以及区别,外加对应元素的整理

块级元素与行内元素区别

行内元素 块级元素 行内块级元素

行内元素 块级元素 行内块级元素