CSS定位类
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 |
固定或绝对定位在屏幕右下角 |
relative-position |
将position设置为relative |
对齐
| 类名 |
说明 |
float-left |
浮动到左侧 |
float-right |
浮动到右侧 |
on-left |
在右侧设置一个小边距;通常用于有兄弟元素的图标元素 |
on-right |
在左侧设置一个小边距;通常用于有兄弟元素的图标元素 |
垂直对齐:
| 类名 |
说明 |
vertical-top |
将CSS垂直对齐设置为top |
vertical-middle |
将CSS垂直对齐设置为middle |
vertical-bottom |
将CSS垂直对齐设置为bottom |