Title
随笔 - 83,  文章 - 0,  评论 - 0,  阅读 - 55547

随笔分类 -  html+css

html+css
element-ui的el-table自带横线的去除 和 table边框线去除
摘要:去除table单元格的底线 和 去除table的边框线 // 去掉所有的横线 .el-table__row>td{ border: none; } .el-table::before { height: 0px; } // 只去除表格的最最底部的横线 div /deep/ .el-table--bo 阅读全文
posted @ 2023-05-15 18:28 chccee 阅读(4317) 评论(0) 推荐(0) 编辑
CSS flex布局-解决最后一行元素对齐问题
摘要:justify-content对齐问题 在CSS flex布局中,justify-content属性可以控制列表的水平对齐方式,例如space-between值可以实现两端对齐。 但是,如果最后一行的列表的个数不满,则就会出现最后一行没有完全垂直对齐的问题 .container { display: 阅读全文
posted @ 2023-03-22 00:32 chccee 阅读(1058) 评论(0) 推荐(0) 编辑
css当文字过长时,显示省略号
摘要:/* 省略号三属性 */ /* 强制不换行 */ white-space: nowrap; /* 溢出隐藏 */ overflow: hidden; /* 省略号 */ text-overflow: ellipsis; 阅读全文
posted @ 2023-02-06 12:27 chccee 阅读(33) 评论(0) 推荐(0) 编辑
如何实现两栏布局,右侧自适应?三栏布局中间自适应
摘要:如何是心啊两栏布局,右侧自适应?三栏布局中间自适应? 一、在日常布局中,无论是两栏布局还是三栏布局,使用的频率都非常高 两栏布局: 两栏布局实现效果就是将页面分割成左右宽度不等的两列,宽度较小的列设置为固定宽度,剩余宽度由另一列撑满, 比如 Ant Design 文档,蓝色区域为主要内容布局容器,侧 阅读全文
posted @ 2023-02-06 11:11 chccee 阅读(100) 评论(0) 推荐(0) 编辑
元素水平垂直居中的方式有哪些?如果元素不定宽高怎么实现水平垂直居中?
摘要:一、分类 在开发中经常遇到这个问题,即让某个元素的内容在水平和垂直方向上都居中,内容不仅限于文字,可能是图片或其他元素 居中是一个非常基础但又是非常重要的应用场景,实现居中的方法存在很多,可以将这些方法分成两个大类: 居中元素(子元素)的宽高已知 居中元素宽高未知 二、实现方式 实现元素水平垂直居中 阅读全文
posted @ 2023-02-03 09:55 chccee 阅读(60) 评论(0) 推荐(0) 编辑
修改Element - plus的样式
摘要:把显示在浏览器上的对应css选择器全部写上,并且添加 !important </script> <style lang='scss' scoped> //修改 element plus ::v-deep .el-breadcrumb__inner a, .el-breadcrumb__inner.i 阅读全文
posted @ 2023-01-18 12:07 chccee 阅读(894) 评论(0) 推荐(0) 编辑
css 显示n行文字的方法 超出的部分用省略号代替
摘要:// 超出的部分用省略号代替 text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; // 显示文字的行数 overflow: hidden; /*! autoprefixer: off */ -webkit-box 阅读全文
posted @ 2022-12-31 20:40 chccee 阅读(23) 评论(0) 推荐(0) 编辑

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