在vue中添加一个按钮,它紧贴在左上角
时间: 2023-07-16 22:14:07 浏览: 112
vue实现微信浏览器左上角返回按钮拦截功能
在 Vue 中添加一个紧贴在左上角的按钮,可以使用 CSS 来实现。以下是一个示例代码:
```html
<template>
<div class="container">
<button class="btn">按钮</button>
</div>
</template>
<style>
.container {
position: relative;
}
.btn {
position: absolute;
top: 0;
left: 0;
}
</style>
```
解释:
- `position: relative;` 用于设置容器为相对定位,使得内部元素可以通过绝对定位来相对于容器进行定位。
- `position: absolute;` 用于设置按钮为绝对定位,使其脱离文档流并可以根据容器进行定位。
- `top: 0; left: 0;` 用于将按钮定位在容器的左上角。
这样,按钮就会紧贴在左上角了。
阅读全文