CSS定位类

Quasar提供的CSS类可以帮助您轻松定位DOM元素:

类名说明
fullscreen全屏
fixedposition设置为fixed而不指定topleftrightbottom属性
fixed-centerposition设置为fixed,但在窗口中间。
absoluteposition设置为absolute而不指定topleftrightbottom属性
absolute-centerposition设置为absolute,但在容器中间(容器需要相对位置)。
fixed-topabsolute-top固定或绝对定位在屏幕顶部
fixed-rightabsolute-right固定或绝对定位在屏幕右边缘
fixed-bottomabsolute-bottom固定或绝对定位在屏幕底部
fixed-leftabsolute-left固定或绝对定位在屏幕左边缘
fixed-top-leftabsolute-top-left固定或绝对定位在屏幕左上角
fixed-top-rightabsolute-top-right固定或绝对定位在屏幕右上角
fixed-bottom-left, absolute-bottom-left固定或绝对定位在屏幕左下角
fixed-bottom-right, absolute-bottom-right固定或绝对定位在屏幕右下角
fixed-full, absolute-full从固定或绝对位置继承边框半径到所有屏幕边缘元素(v1.9+
relative-positionposition设置为relative

对齐

类名说明
float-left浮动到左侧
float-right浮动到右侧
on-left在右侧设置一个小边距;通常用于有兄弟元素的图标元素
on-right在左侧设置一个小边距;通常用于有兄弟元素的图标元素

TIP

我们建议您阅读Quasar网格系统而不要使用float-leftfloat-right

垂直对齐:

类名说明
vertical-top将CSS垂直对齐设置为top
vertical-middle将CSS垂直对齐设置为middle
vertical-bottom将CSS垂直对齐设置为bottom