Quasar 提供了一些 CSS 类，可以帮助您轻松地定位 DOM 元素。
| 类名 | 描述 |
|---|---|
fullscreen | 固定定位，覆盖整个窗口。 |
fixed | 将 position 设置为 fixed，但不指定 top、left、right 或 bottom 属性。 |
fixed-center | 将 position 设置为 fixed，并在窗口中间。 |
absolute | 将 position 设置为 absolute，但不指定 top、left、right 或 bottom 属性。 |
absolute-center | 将 position 设置为 absolute，并在容器的中间（容器需要相对定位）。 |
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 | 固定或绝对定位到所有屏幕边缘。 |
relative-position | 将 position 设置为 relative。 |
对齐方式
| 类名 | 描述 |
|---|---|
float-left | 左浮动。 |
float-right | 右浮动。 |
on-left | 在右侧设置一个小边距；通常用于与其他兄弟元素一起使用的图标元素。 |
on-right | 在左侧设置一个小边距；通常用于与其他兄弟元素一起使用的图标元素。 |
提示
我们建议您阅读 Quasar 网格系统，而不是使用 float-left 或 float-right。
垂直对齐
| 类名 | 描述 |
|---|---|
vertical-top | 将 CSS 垂直对齐方式设置为 top。 |
vertical-middle | 将 CSS 垂直对齐方式设置为 middle。 |
vertical-bottom | 将 CSS 垂直对齐方式设置为 bottom。 |