首页 > 开发 > CSS > 正文

HTML中块元素与内联元素

2016-04-19 20:35:48  来源:慕课网

对于html各种标签/元素,可以从块的层面做一个分类:要么是block(块元素),要么是inline(内联元素):
block元素的特点:

  • 总是另起一行开始;
  • 高度,行高以及顶、底边距都可控制;
  • 宽度缺省是它所在容器的100%,除非设定一个宽度。
    inline元素的特点:
  • 和其它元素都在一行上;
  • 高度,行高以及顶、底边距不可改变;
  • 宽度就是它所容纳的文字或图片的宽度,不可改变。

常见的内联元素:
a - 超链接
span - 内联块
br - 换行
input - 输入框
img - 图片
select - 项目选址
textarea - 多行文本输入框

常见的块状元素:
div - 块
p - 段落
h1 ~ h6 - 大标题
table , form - 表格,表单
ul , ol li- 非排序列表,排序表单
hr - 水平分割线
块状元素与内联元素是可以相互转换的,给块状元素设置 display:inline; 或 给内联元素设置 display:block; 即可转换。

欢迎大家补充