随笔分类 -  css布局

摘要:1. 效果如下: 弹框头部定制背景色;关闭按钮和标题对齐;鼠标悬浮关闭按钮颜色变浅。 2. 用到element-plus版本: "element-plus": "2.7.6", 3.具体思路: 整个弹框的背景色改成蓝色,padding:0; header、body、footer背景色改成白色,字体黑 阅读全文
posted @ 2024-07-08 11:01 行走的蒲公英 阅读(692) 评论(0) 推荐(0) 编辑
摘要:flex .parent { display: flex; justify-conent: center; align-items: center; } 或者直接 .parent { display: flex; } .child { margin: auto; } table .parent { 阅读全文
posted @ 2024-03-22 15:23 行走的蒲公英 阅读(3) 评论(0) 推荐(0) 编辑
摘要:平时开发中,遇到要写报表,支持文本换行。类似下图: 这里用到vue3 + element plus ,用的【栅格布局 + flex布局】写法: <template> <div class="app-container"> <el-row> <el-col :span="3"><div class=" 阅读全文
posted @ 2024-03-04 11:44 行走的蒲公英 阅读(124) 评论(0) 推荐(0) 编辑
摘要:// css代码 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } 注意,样式不生 阅读全文
posted @ 2024-03-04 11:11 行走的蒲公英 阅读(88) 评论(0) 推荐(0) 编辑
摘要:垂直居中主要分为了两种类型:居中元素宽高已知 和 居中元素宽高未知,那么我们就结合这两种类型来一一做举例。 一、居中元素宽高已知 1. absolute + margin auto .parent{ position: relative; width: 90vw; height: 90vh; bor 阅读全文
posted @ 2022-08-11 11:36 行走的蒲公英 阅读(108) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示