el-button悬浮在div侧边中间怎么做
时间: 2024-03-08 22:48:28 浏览: 61
jquery.实现div悬浮
可以使用 CSS 来实现这个效果。具体的做法是:
1. 给 div 设置样式 position: relative,这样 el-button 就可以相对于 div 定位。
2. 给 el-button 设置样式 position: absolute,并设置 left 和 top 属性,让 el-button 相对于 div 居中偏左。
3. 给 el-button 设置样式 transform: translateX(-50%),让 el-button 向左移动自身宽度的一半,即居中。
代码示例:
```html
<div style="position: relative; width: 200px; height: 200px; background-color: #f0f0f0;">
<el-button style="position: absolute; left: 50%; top: 50%; transform: translateX(-50%);">按钮</el-button>
</div>
```
在上面的代码中,div 的宽度和高度分别设置为 200px,背景色为 #f0f0f0。el-button 设置了 position: absolute,left: 50%,top: 50%,以及 transform: translateX(-50%),实现了悬浮在 div 侧边中间的效果。
阅读全文