img,input是行内块之标签总结

提示：文章写完

前言

HTML中关于行内元素和块级元素傻傻分不清，导致标准流的布局
出现很多问题，今天我们做个总结来搞定html中常见的标签是块级元素，还是行内块，还是行内元素

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、我们首先要了解块级元素有什么特点

1块级元素是在整个文档中，纵向排列独占一行的。
2没有设置宽度会撑满父级，可以设置大小的（width height的）。
3我们常见的块级元素：div p ul li table ol
dl dd dt
4r如果我们想要块级元素设置为行内块：display:inline-block；我们进行转换

二、行内块

特点：可以设置宽高的并且横向排列的元素
例如：img input iframe 这两个典型的行内块

三行内元素

特点：横向排列，共占一行的，宽高是由内容撑开的，设置宽高是无效的
例如： span a
代码如下（示例）：
思维导图总结：