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 | 固定或绝对定位在屏幕右下角 |
fixed-full , absolute-full | 从固定或绝对位置继承边框半径到所有屏幕边缘元素(v1.9+) |
relative-position | 将position 设置为relative |
对齐
类名 | 说明 |
---|---|
float-left | 浮动到左侧 |
float-right | 浮动到右侧 |
on-left | 在右侧设置一个小边距;通常用于有兄弟元素的图标元素 |
on-right | 在左侧设置一个小边距;通常用于有兄弟元素的图标元素 |
TIP
我们建议您阅读Quasar网格系统而不要使用float-left
或 float-right
。
垂直对齐:
类名 | 说明 |
---|---|
vertical-top | 将CSS垂直对齐设置为top |
vertical-middle | 将CSS垂直对齐设置为middle |
vertical-bottom | 将CSS垂直对齐设置为bottom |