HTML5教程

html块级元素与行内元素有什么区别?

本文主要是介绍html块级元素与行内元素有什么区别?,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

块级元素的特点:

  1. 独占一行。
  2. 宽度默认为100%.当块级元素有父元素时占父元素宽度的100%.
  3. 高度由子元素或内容决定
  4. 行内元素一般用来搭建网页结构框架,可以通过CSS样式设置其宽高

常用的块级元素:div、p、h1~h6、ul,li、ol、li

行内元素的特点:

  1. 其他行内元素共享一行。
  2. 宽度和高度由自身决定.
  3. 一般不用于搭建网页框架,所以不需要用CSS调节其宽高.
  4. 行内元素不能嵌套块级元素

常用行内元素:span、a、img、b、i、u、em、strong

两者之间的区别:

  1. 块级元素独占一行,行内元素可与其他行内元素共享一行
  2. 可以通过css样式设置块级元素的宽高,而行内元素一般不用设置宽高.(要想给行内元素设置宽高,可以给其设置属性display:inline-block或block)
  3. 块级元素可以嵌套行内元素,而行内元素不能嵌套块级元素
这篇关于html块级元素与行内元素有什么区别?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!