黑豹程序员-样式div控制一行显示，左侧标题靠左侧，右侧关闭按钮靠右侧

最新推荐文章于 2024-07-26 20:46:33 发布

长安紫薯

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量68

点赞数

分类专栏：黑豹程序员 Vue 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/nutony/article/details/135059387

版权

黑豹程序员同时被 2 个专栏收录

98 篇文章 3 订阅

订阅专栏

Vue

27 篇文章 0 订阅

订阅专栏

html代码

<div id="title">
              <div id="left-part">{{ o.title  }}</div>
              <div id="right-part"><el-icon style="cursor: pointer" @click="closeItem($event)"><Close /></el-icon></div>
            </div>

css代码

#title{
  display: flex;
  align-items: center;
}
#left-part{
  justify-content: flex-start;
}
#right-part{
  justify-content: flex-end;
  flex:1;
  display: flex;
}