display在css中是什么意思

作者：冫LOVE灬丶棒棒发布日期:2026-07-14 浏览:38

/* display属性用于定义HTML元素的显示方式 */

/* 示例1: block */
div {
  display: block;
}
/* 解释: block元素会独占一行，常见的block元素有<div>、<p>等 */

/* 示例2: inline */
span {
  display: inline;
}
/* 解释: inline元素不会独占一行，多个inline元素可以在同一行内显示，常见的inline元素有<span>、<a>等 */

/* 示例3: inline-block */
img {
  display: inline-block;
}
/* 解释: inline-block元素结合了block和inline的特点，可以设置宽度和高度，但不会独占一行 */

/* 示例4: none */
.hidden {
  display: none;
}
/* 解释: none会让元素完全不显示，也不会占用页面空间 */

上一篇：css 最后一个元素

下一篇：css 文字竖排