一：HTML行内元素与块级元素有哪些

行内元素: a、span、b、img、strong、input、select、lable、em、button、textarea 、selecting

块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote、form

二、行内元素与块级元素的区别

1、块级元素会独占一行，其宽度自动填满其父元素宽度行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化

2、一般情况下，块级元素可以设置 width,height 属性，行内元素设置 width, height 无效(注意：块级元素即使设置了宽度，仍然是独占一行的)

3、块级元素可以设置 margin 和 padding 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom 都不会产生边距效果

什么是行内元素和块级元素？

1. 行内元素：又称为内联元素。是html中的规范，它和其他行内元素都是在同一行从左到右排列，不会单独占据一行。

2. 块级元素：和行内元素对应，也是html中的规范，它总是在新的一行开始，各个块级元素之间单独占据一行，向下垂直排列。要想水平方向排列，可以利用布局或者浮动来实现。

行内元素与块级元素区别：

1. 行内元素不占据新行，而块级元素都是从新的一行开始。

2. 行内元素不可以设置高度和宽度，可以设置行高。同时行内元素的外边距margin和内边距padding都是上下无效，左右生效。而块级元素对于宽度高度和内外边距都生效，随意设置。

行内元素与块级元素相互转换

两者通过修改css属性display属性可以互相转换，在行内元素上设置display：block可以让它转换成块级元素，其实本质是让它换行而已。同理在块级元素上设置display：inline可以让它转换成行内元素。

以上内容就是小编为大家搜集整理的行内元素与块级元素的区别 行内元素与块级元素有哪些，希望能帮助到大家！