本文主要是介绍html块级元素与行内元素有什么区别?,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
块级元素的特点:
- 独占一行。
- 宽度默认为100%.当块级元素有父元素时占父元素宽度的100%.
- 高度由子元素或内容决定
- 行内元素一般用来搭建网页结构框架,可以通过CSS样式设置其宽高
常用的块级元素:div、p、h1~h6、ul,li、ol、li
行内元素的特点:
- 其他行内元素共享一行。
- 宽度和高度由自身决定.
- 一般不用于搭建网页框架,所以不需要用CSS调节其宽高.
- 行内元素不能嵌套块级元素
常用行内元素:span、a、img、b、i、u、em、strong
两者之间的区别:
- 块级元素独占一行,行内元素可与其他行内元素共享一行
- 可以通过css样式设置块级元素的宽高,而行内元素一般不用设置宽高.(要想给行内元素设置宽高,可以给其设置属性display:inline-block或block)
- 块级元素可以嵌套行内元素,而行内元素不能嵌套块级元素
这篇关于html块级元素与行内元素有什么区别?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!