行内元素与块级元素

常见的块级元素有：div，p，ul，li，h1-h6，td，tr，hr
常见的行内元素有：span，strong，a，i，font，img，input
块级元素呈块状，有自己的宽度和高度，可以自定义width和height，块级元素会独占一行高度（float除外），一般可以做容器使用来容纳块级元素和行内元素，块级元素特点如下：
  1. 块级元素的宽高，行高，边距都可以设置
  2. 块级元素独占一行
  3. 元素未定义宽度的时候默认采用父级元素的宽度100%
行内元素不能设置宽高，可以与其他的行内元素公处于同一行，行内元素一般不能包含块级元素，行内元素的高度一般由字体大小来决定，宽度由内容的长度来决定，行内元素特点如下：
  1. 行内元素的宽高，行高及上下边距都不能设置
  2. 行内元素可以和其他行内元素共处一行，直到一行排不下了才会换行
  3. 行内元素的宽度就是内容的宽度，不可改变





posted @ 2021-09-11 16:46  JMH0113  阅读(208)  评论(0)    收藏  举报