web.dev for China
简介 博客 文章 了解 探索 模式 案例研究
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
动画 剪贴板 组件 文件和目录 布局 媒体 主题 Web 应用 Web Vitals
web.dev for China
  • 简介
  • 博客
  • 文章
  • 了解
  • 探索
  • 模式
    • 动画
    • 剪贴板
    • 组件
    • 文件和目录
    • 布局
    • 媒体
    • 主题
    • Web 应用
    • Web Vitals
  • 案例研究
此页面由 Cloud Translation API 翻译。
  • 首页
  • Patterns
  • 布局

布局模式

使用新型 CSS API 构建的布局模式，可帮助您构建卡片、动态网格区域和整页布局等常见界面。

  • web.dev

    • web.dev

      我们希望帮助您构建美观、易于访问、快速且安全的网站，从而能跨浏览器并为您的所有用户提供服务。本网站包含各种内容，由 Chrome 团队成员及外部专家撰写，可协助您顺利踏上这一旅程。

  • 参与

    • 提交 bug
    • 查看未处理完毕的问题

  • 相关内容

    • Chrome 开发者版
    • Chromium 更新
    • 案例研究
    • 播客和节目

  • 关注

    • 关于 X 的 @ChromiumDev
    • YouTube
    • LinkedIn 上的 Chrome for Developers
    • RSS
  • 条款
  • 隐私权政策
  • Manage cookies
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어