css 块状元素与行内元素(内联元素)的理解

Posted

tags:

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

块状元素:

  它一般是其他元素的容器元素,可以容纳块状元素和行内元素,它默认是不会和其他元素同一行的,即相当于两个块状元素写一起是垂直布局的。最常用的是div和p

行内元素:

  行内元素又称内联元素,它只能够容纳文本及其他行内元素,常见的行内元素有 超链接,a, span ,img

 

行内元素与块状元素的差异是:行内元素并不会从新的一行开始,水平方向会一个个接着。

每个块状元素会从新的一行开始。

强调一下: display:block; float:left/right;  当css对行内元素定义这两属性中的一种之后,这些行内元素会具有块状元素属性!例如会从新的一行开始,就像后面跟了一个换行符一样,而且还具有了height和width属性。

 

如果要让块状元素变成内部元素只要用css加上display:inline就可以了

 

以上是关于css 块状元素与行内元素(内联元素)的理解的主要内容,如果未能解决你的问题,请参考以下文章

CSS--基础块级元素与内联元素

css中多层块状元素叠加怎样将特定的块居于最上

在CSS中设置块状元素宽100px正确的是

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

HTML - 一篇文章带你认清块级元素内联元素行内块级元素

块元素和内联元素的区别