Quasar 提供了一些 CSS 類別，可協助您輕鬆定位 DOM 元素
| 類別名稱 | 描述 |
|---|---|
fullscreen | 固定位置，覆蓋所有視窗範圍 |
fixed | 將 position 設定為 fixed，但不指定 top、left、right 或 bottom 屬性 |
fixed-center | 將位置設定為 fixed，但位於視窗中央。 |
absolute | 將 position 設定為 absolute，但不指定 top、left、right 或 bottom 屬性 |
absolute-center | 將位置設定為 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 | 將位置設定為 relative |
對齊
| 類別名稱 | 描述 |
|---|---|
float-left | 向左浮動 |
float-right | 向右浮動 |
on-left | 在右側設定小邊距；常用於與其他同層元素在一起的圖示元素 |
on-right | 在左側設定小邊距；常用於與其他同層元素在一起的圖示元素 |
提示
我們建議您閱讀 Quasar Grid System，而不是使用 float-left 或 float-right。
垂直對齊
| 類別名稱 | 描述 |
|---|---|
vertical-top | 將 CSS 垂直對齊設定為 top |
vertical-middle | 將 CSS 垂直對齊設定為 middle |
vertical-bottom | 將 CSS 垂直對齊設定為 bottom |