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

最新推荐文章于 2025-05-23 19:56:09 发布

AAliuxiaolei

最新推荐文章于 2025-05-23 19:56:09 发布

阅读量177

点赞数

文章标签：前端 html css

本文链接：https://blog.youkuaiyun.com/AAliuxiaolei/article/details/129353304

版权

块级元素如<div>占据整行，宽度默认填充父元素，可设置高度和内外边距。行内元素如<a>在同一行显示，宽度由内容决定，不可设置高度和垂直边距。内联块元素如<img>则结合两者特性，既可设置宽高，又能同行显示。转换元素类型使用display属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                        
                    
                    Q1:什么是块元素？什么是行元素？ 
块级元素： 
  一个块级元素独占一行
元素的高度、宽度、垂直和水平的内外边距都可设置
元素宽度在不设置的情况下和父元素的宽度一致
 常用的块状元素有
 <div>、<p>、<ul>、<table>、<form>
 
  display:block；可以将元素转换块级元素。
 
行内元素（内联元素） 
  和其他元素都在一行上；
元素的高度、宽度、垂直方向上的内外边距不可设置，但是可以设置水平方向上的内外边距；
元素的宽度就是它包含的文字或图片的宽度，不可改变。
 常用的行内元素有：
 <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>
 注：常见标签的参考链接：https://www.runoob.com/tags/tag-q.html 
  设置display:inline;可以将元素转换为行内元素
 
行内块元素（内联块级元素） 
  和其他元素都在一行上；
元素的高度、宽度、垂直和水平的内外边距都可设置
 常用的行内块元素有：
 <img>
 
  设置display:inline-block;可以将块状元素转换为行内块元素
 问题参考链接：https://blog.youkuaiyun.com/qq_46302247/article/details/121576045
 

                