CSS 定位工具类

您可以轻松的时候 Quasar 提供的 CSS 工具类帮您实现元素定位。

CSS 类名	描述
`fullscreen`	固定位置并且覆盖全屏幕
`fixed`	设置 `position` 为 `fixed`
`fixed-center`	设置 `position` 为 `fixed`并且将元素相对浏览器居中
`absolute`	设置 `position` 为 `absolute`
`absolute-center`	设置 `position` 为 `absolute`并居中（需要父元素设置 position 为 relative）
`fixed-top`, `absolute-top`	固定/绝对定位到屏幕顶部
`fixed-right`, `absolute-right`	固定/绝对定位到屏幕右边
`fixed-bottom`, `absolute-bottom`	固定/绝对定位到屏幕底部
`fixed-left`, `absolute-left`	固定/绝对定位到屏幕左边
`fixed-top-left`, `absolute-top-left`	固定/绝对定位到屏幕左上角
`fixed-top-right`, `absolute-top-right`	固定/绝对定位到屏幕右上角
`fixed-bottom-left`, `absolute-bottom-left`	固定/绝对定位到屏幕左下角
`fixed-bottom-right`, `absolute-bottom-right`	固定/绝对定位到屏幕右下角
`fixed-full`, `absolute-full`	固定/绝对定位到屏幕的所有边 Fixed or absolute position to all screen edges
`relative-position`	设置 `position` 为 `relative`

对齐

CSS 类名	描述
`float-left`	浮动到左边
`float-right`	浮动到右边
`on-left`	在右边设置一个小尺寸的外边距，通常会用在 icon 组件上
`on-right`	在左边设置一个小尺寸的外边距，通常会用在 icon 组件上

TIP

相对于使用float-left 或 float-right来实现布局或对齐，更推荐您使用 Quasar 提供的网格系统

垂直方向对齐:

发现了一处错误？帮助改进提交问题

免责声明本站点所包含的任何跳转链接均为第三方广告内容，站点对这些广告内容的准确性、合法性、真实性不承担任何责任。用户点击跳转链接进入第三方网站后，应自行判断广告内容的真实性和合法性，并自行承担因使用广告内容而产生的风险和责任。任何因使用第三方广告内容而导致的损失或损害，本站点概不负责。