css 块状元素与行内元素(内联元素)的理解
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 块状元素与行内元素(内联元素)的理解相关的知识,希望对你有一定的参考价值。
块状元素:
它一般是其他元素的容器元素,可以容纳块状元素和行内元素,它默认是不会和其他元素同一行的,即相当于两个块状元素写一起是垂直布局的。最常用的是div和p
行内元素:
行内元素又称内联元素,它只能够容纳文本及其他行内元素,常见的行内元素有 超链接,a, span ,img
行内元素与块状元素的差异是:行内元素并不会从新的一行开始,水平方向会一个个接着。
每个块状元素会从新的一行开始。
强调一下: display:block; float:left/right; 当css对行内元素定义这两属性中的一种之后,这些行内元素会具有块状元素属性!例如会从新的一行开始,就像后面跟了一个换行符一样,而且还具有了height和width属性。
如果要让块状元素变成内部元素只要用css加上display:inline就可以了
以上是关于css 块状元素与行内元素(内联元素)的理解的主要内容,如果未能解决你的问题,请参考以下文章