在vue中添加一个按钮,它距离左上角有一定距离
时间: 2023-07-16 11:14:09 浏览: 154
可以使用`style`属性来设置按钮的位置,例如:
```html
<template>
<div>
<button style="position: absolute; top: 20px; left: 20px;">按钮</button>
</div>
</template>
```
这样就会在页面左上角添加一个距离左上角20px的按钮。你也可以将样式提取到CSS中,例如:
```html
<template>
<div>
<button class="my-button">按钮</button>
</div>
</template>
<style>
.my-button {
position: absolute;
top: 20px;
left: 20px;
}
</style>
```
这样就可以将样式和HTML分离,使代码更易读和维护。
阅读全文