块元素

块级元素 以块显示的元素,高度和宽度都是可以设置的,比如 div , p , ul , li 默认都是属于块级元素.块级元素比较 霸道,默认状态下每次都是占据一整行,后面的内容必须新起一行显示. 内联元素 文本的显示方式, 比如 a, span, em 都属于内联元素.内联元素的显示特点就是像文本 一样的显示,不会独自占据一个行.内联元素没有长度和宽度. 区别 内联元素就好像是一个单词;块级元素就好像是一个段落 转化方法 非块级元素可以通过 css 的 display:block; 将其更改为块级元素 块级元素也能变成内联元素,那就是通过 css 的 display:inline;和float来实现.$块元素一般是其他元 素的容器,它可以容纳内联元素和其他块元素.form 这个块元素比较特殊,它只能用来容纳其他块元素. 注意:行内元素的置换元素才可以设置宽和高 行内置换元素: 大概的意思就是对于置换元素，它的内容不再CSS format model内，比如说img，video，object，i nput,textarea。比如说img元素经常被它的src属性指向的内容所替换。置换元素有着固有的尺寸：默 认的长，宽和比例。另一些元素没有明确的尺寸，比如说空元素。浏览器会根据其标签和属性的内容 来确定显示的效果 ** 非置换元素不可以设置width和height 原文: 大专栏

一，行内元素与块级元素的区别： 1.行内元素与块级元素直观上的区别二、行内元素与块级元素的三个区别 行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列。 块级元素各占据一行（默认宽度是它本身父容器的100%（和父元素的宽度一致），与内容无关），垂直方向排列。块级元素从新行开始，结束接着一个断行。 2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素，只能包含文本或者其它行内元素。 3.行内元素与块级元素属性的不同，主要是盒模型属性上：行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效 二、行内元素和块级元素转换 display:block; (字面意思表现形式设为块级元素) display:inline; (字面意思表现形式设为行内元素) 三、inline-block inline-block 的元素（如input、img)既具有 block 元素可以设置宽高的特性，同时又具有 inline 元素默认不换行的特性。当然不仅仅是这些特性，比如 inline-block 元素也可以设置 vertical-align（因为这个垂直对齐属性只对设置了 inline-block 的元素有效） 属性。 HTML 中的换行符、空格符、制表符等合并为空白符，字体大小不为 0 的情况下

一、 HTML标签一般分为块级标签和行内两张标签，他们也称块元素和行内元素。 1、块级元素（block-level） 没个块级元素都会独自占一行或多行，可以对其设置宽度、宽度、对其等熟悉，常用于网页布局和网页搭建。 #常见的块元素有<h1>~<h6><div><p><ol><ul><li>等，其中<div>是最为典型的块元素。 * 2、行内元素（inline-level） 行内元素（内联元素）不占有独立的区域，仅仅自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高点、对其等属性；行用于控制页面中的文本样式。 #常见的内行元素有：<a>、<strong>、<b>、<em>、<s>、<i>、<del>、<ins>、<u>、<span>等，其中<span>标签是最典型的行内元素。 * 1.只有文字才能组成段落，因此p里面不能放块级元素，同理还有这些标签h1~h6、dt 3、行内块元素（inline-block） 二、显示模式转换 来源： https://www.cnblogs.com/rjl888/p/11415287.html

块元素——div、p、h1-h6、ul、ol、dl、li 　　特点： 所有的块级元素默认都是独占一行显示 如果一个块级元素没有设置宽度,那么其宽度等于其父元素的宽度 可以给块级元素设置宽度和高度 行内元素——span、a、 font、strong、em、i、ins、u... 　 　特点： 所有的行内元素都在一行上显示. 行内元素的宽度和高度是其内容撑开的范围大小 行内元素默认不能设置宽度和高度 行内块——img、input 　　 特点： 元素在一行上显示 可以给行内块元素设置宽度和高度 来源： https://www.cnblogs.com/belongs-to-qinghua/p/11352317.html