首页 前端知识 display 属性详解(微信小程序 & CSS 通用)​

display 属性详解(微信小程序 & CSS 通用)​

2025-02-28 12:02:51 前端知识 前端哥 633 985 我要收藏

display 是 CSS 和微信小程序 WXSS

1. display 的基本分类

display

作用

适用场景

block

块级元素,占满整行

<view>(默认值)

inline

行内元素,不换行

<text>,超链接

inline-block

既是行内元素,又可设置宽高

按钮、徽章

none

隐藏元素,不占空间

用于动态控制显示

flex

弹性布局,子元素可自动调整位置

适用于自适应布局

2. display: block(块级元素)

特点

• 独占一整行,默认宽度 100%。

• 可以设置 width、height、margin、padding。

• 适用于布局结构中的 容器

示例

<view class="block-box">我是块级元素</view>
复制
转载请注明出处或者链接地址:https://www.qianduange.cn//article/21840.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!