一、行内元素与块级元素
块级元素：独占一行，可设width和height；
行内元素：根据内容多少决定是否换行（不独占一行），不可设置width和height。
二、行内元素与块级元素的区别
1.行内元素与块级元素直观上的区别
行内元素会在一条直线上排列，都是同一行的，水平方向排列。
块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。
2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
3.行内元素与块级元素属性的不同，主要是盒模型属性上
行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效
三、相互之间转换
1.行转块
display:block (字面意思表现形式设为块级)；加float后变块级。
2.块转行
display：inline；
3.非行非块（独占一行，可设width和height）
display：inline-block；
块级元素和行内元素分别有哪些？## 块级元素 行内元素 区别 块级元素可以包含行内元素和其他块级元素，行内元素只能...
1 块级元素 和 行内元素区别 1 差异 块级元素可以包含行内元素和块级元素 行内元素只能包含文本和行内元素 块级...
块级元素和行内元素分别有哪些？ 块级元素： 行内元素： 特性区别:1.块级元素可以包含行内元素和块级元素，而行内元...
知识 块级元素和行内元素 特性区别 由图可知： 块级元素可以包含块级元素和行内元素，而行内元素只能包含行内元素和文...
1.块级元素和行内元素分别有哪些？ 区别1块级元素可以包含块级元素和行内元素；行内元素只能包含文本和行内元素 区别...
1.1块级元素和行内元素分别有哪些？ 块级元素 行内元素 1.2块级元素和行内元素区别 宽高的设置只对块级元素有效...
CSS基础样式 块级元素可以包含块级元素和行内元素 行内元素只可以包含文本和行内元素 宽高只对块级元素生效，对行内...
1.块级元素和行内元素有哪些？ 块级元素： , , , , ... , , , ...行内元素：, ,...
CSS常见属性（上） 块级元素行内元素块级可以包含块级和行内元素，行内只能包含文本和行内元素块级元素占据一整行的空...
一，块级元素和行内元素分别有哪些？ 块级元素： 内行元素： 特性区别:1.块级元素可以包含行内元素和块级元素，而行...
本文标题：块级元素和行内元素
本文链接：https://www.haomeiwen.com/subject/qwqwlttx.html
网友评论