首页 > 代码库 > html之内联元素与块状元素

html之内联元素与块状元素

1、块状元素一般比较霸道,它排斥与其他元素位于同一行内,比如div,并且width与height对它起作用。


2、内联元素只能容纳文本或其他内联元素,它允许与其他内联元素位于同一行内,比如span,但,width与height对它不起作用。


3、当然,块状元素与内联元素是可以相互转换的,给块状元素设置 display:inline; 或 给内联元素设置 display:block; 即可转换。


4、常见的块状元素

  • div  -  块

  • p  -  段落

  • h1 ~ h6  -  大标题

  • table , form  -  表格,表单

  • ul , ol  - 非排序列表,排序表单

  • hr  -  水平分割线


5、常见的内联元素

  • a   -  锚点

  • span  -  内联块

  • br  -  换行

  • input  -  输入框

  • img  -  图片

  • select  -  项目选址

  • textarea  -  多行文本输入框