春招冲刺（六）：块元素行元素面试题汇总

Q1:什么是块元素？什么是行元素？

• 块级元素：
  1. 一个块级元素独占一行
  2. 元素的高度、宽度、垂直和水平的内外边距都可设置
  3. 元素宽度在不设置的情况下和父元素的宽度一致
     常用的块状元素有

  <div>、<p>、<ul>、<table>、<form>
  

  • display:block；可以将元素转换块级元素。
• 行内元素（内联元素）
  1. 和其他元素都在一行上；
  2. 元素的高度、宽度、垂直方向上的内外边距不可设置，但是可以设置水平方向上的内外边距；
  3. 元素的宽度就是它包含的文字或图片的宽度，不可改变。
     常用的行内元素有：

  <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>
  

  注：常见标签的参考链接：https://www.runoob.com/tags/tag-q.html
  • 设置display:inline;可以将元素转换为行内元素
• 行内块元素（内联块级元素）
  1. 和其他元素都在一行上；
  2. 元素的高度、宽度、垂直和水平的内外边距都可设置
     常用的行内块元素有：

  <img>
  

  • 设置display:inline-block;可以将块状元素转换为行内块元素
    问题参考链接：https://blog.csdn.net/qq_46302247/article/details/121576045