# 浮动

使用响应式 float 工具在任何断点上应用自定义浮动。

# 概述

浮动辅助类基于当前视口尺寸(及以上)使用 CSS 浮动属性 应用浮动功能.

Material Design 断点
设备代码类型像素范围
Extra small (超小号)xs小型号到大型号的手机< 600px
Small (小号)sm小型号到中型号的平板600px > < 960px
Medium (中号)md大型号平板到手提电脑960px > < 1264px*
Large (大号)lg桌面端1264px > < 1904px*
Extra large (超大号)xl4K 和超宽屏幕> 1904px*
桌面端上浏览器滚动条的宽度为 * -16px
规格

# 类

轻松切换一个带有类的 float：

# 响应式

Floats 也可以在每个断点（视图）的基础上适用。

以下是所有可用的支持类列表：

  • .float-left
  • .float-right
  • .float-start
  • .float-end
  • .float-none
  • .float-sm-left
  • .float-sm-right
  • .float-sm-start
  • .float-sm-end
  • .float-sm-none
  • .float-md-left
  • .float-md-right
  • .float-md-start
  • .float-md-end
  • .float-md-none
  • .float-lg-left
  • .float-lg-right
  • .float-lg-start
  • .float-lg-end
  • .float-lg-none
  • .float-xl-left
  • .float-xl-right
  • .float-xl-start
  • .float-xl-end
  • .float-xl-none

了解更多？

继续学习由 我们的团队 选择的相关内容，或通过使用下面的导航链接在页面之间跳转。
在 GitHub 上编辑此页面
最后更新：11/12/2024, 6:59:50 AM