div增加外框，按钮居右

拼搏现实的明天。 2023-06-11 05:23 6阅读 0赞

## 1.div增加外框 ##

<div style="border: 1px solid #000;">

<el-col :span="item.span" style="padding: 20px">
    	<div style="border: 1px solid #000;">
    		<div class="box-header">
    			<h3 class="box-title">{
       {item.timeChart}}</h3>
    			<el-button style="float: right" size="mini" type="danger" icon="el-icon-delete" @click="deleteElcol(item)" circle></el-button>
    		</div>
    		<div class="box-body">
    			<component :is="item.timeChart" ref="occurrenceRate" v-if="reloadComponent" :formInline="formInline"/>
    		</div>
    	</div>
    </el-col>

## 2.按钮居右 ##

<el-button style="float: right" size="mini" type="danger" icon="el-icon-delete" @click="deleteElcol(item)" circle></el-button>

![效果图][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5NDA1NTgwMzY0_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5NDA1NTgwMzY0_size_16_color_FFFFFF_t_70]: /images/20230531/e2ad596cbfe047fdbc76b55248e4899d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关使用绝对定位让div居右对齐

iv \{ position: absolute; right: 0px; width: 300px; backgroun...

系统管理员/ 2024年04月18日 08:45/ 0 赞/ 72 阅读

相关增加系统右键菜单

本文介绍添加系统右键菜单，效果如下图： ![2011123116113349.jpg][] 原理很简单就是给注册表添加值，以下是添加系统右键菜单所要涉及的值。 KEY值：

向右看齐/ 2023年10月17日 20:23/ 0 赞/ 164 阅读

相关 Word公式居中，编号右对齐

1、这是我们写好的公式： ![在这里插入图片描述][d4deb1255e4248c884ca6870941934bd.png] 2、将光标放在公式的最后： ![在

忘是亡心i/ 2023年10月12日 16:47/ 0 赞/ 18 阅读

相关 CSS-div水平居左-居右-居中显示

知识点 1.div是块级元素,特性是块级元素独占一行显示,三个div默认会显示三行。 2.在div块级元素,加上css的display:inline属性可以修改成

川长思鸟来/ 2023年07月01日 14:58/ 0 赞/ 13 阅读

相关 div增加外框，按钮居右

1.div增加外框 <div style="border: 1px solid 000;"> <el-col :span="item.span" sty

拼搏现实的明天。/ 2023年06月11日 05:23/ 0 赞/ 7 阅读

相关 QComboBox下拉框给选项增加删除按钮

0.前言给下拉框增加按钮是常见的功能，如 QQ 账号输入框的下拉： ![20200604214605685.png][] 网上有不少 Qt 实现的例子，实现方式也很

阳光穿透心脏的1/2处/ 2023年02月15日 10:05/ 0 赞/ 9 阅读

相关 bootstrap中文字居左和居右

1. 文字居左class=“pull-left” 文字居右class=“pull-right” 2. 文字居左class=“text-left”、文字居右class=“t

青旅半醒/ 2022年03月15日 15:08/ 0 赞/ 340 阅读

相关设置statusStrip中子项居右显示

StatusStrip中没有单独设置某个子项左对齐或右对齐的属性，这时我们可以在需要右对齐的子项之前添加一个空白的Label类型的子项，并将它的Spring属性设置为True，

野性酷女/ 2022年02月25日 02:50/ 0 赞/ 257 阅读

相关 mui 动态添加数字输入框，增加减少按钮均无效

numbox 的自动初化是在 mui.ready 时完成的 mui 页面默认会自动初始化页面中的所有数字输入框，动态构造的 DOM 需要进行手动初始化。比如：您动态创

╰+攻爆jí腚メ/ 2021年11月11日 18:16/ 0 赞/ 491 阅读

相关 Markdown 图片居中居左居右显示

Markdown 图片居中居左居右显示

朱雀/ 2020年10月18日 00:51/ 0 赞/ 916 阅读