随笔分类 - 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
阅读全文
CSS flex布局-解决最后一行元素对齐问题
摘要：justify-content对齐问题 在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。 但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题 .container { display:
阅读全文
css当文字过长时，显示省略号
摘要：/* 省略号三属性 */ /* 强制不换行 */ white-space: nowrap; /* 溢出隐藏 */ overflow: hidden; /* 省略号 */ text-overflow: ellipsis;
阅读全文
如何实现两栏布局，右侧自适应？三栏布局中间自适应
摘要：如何是心啊两栏布局，右侧自适应？三栏布局中间自适应？ 一、在日常布局中，无论是两栏布局还是三栏布局，使用的频率都非常高 两栏布局： 两栏布局实现效果就是将页面分割成左右宽度不等的两列，宽度较小的列设置为固定宽度，剩余宽度由另一列撑满， 比如 Ant Design 文档，蓝色区域为主要内容布局容器，侧
阅读全文
元素水平垂直居中的方式有哪些？如果元素不定宽高怎么实现水平垂直居中？
摘要：一、分类 在开发中经常遇到这个问题，即让某个元素的内容在水平和垂直方向上都居中，内容不仅限于文字，可能是图片或其他元素 居中是一个非常基础但又是非常重要的应用场景，实现居中的方法存在很多，可以将这些方法分成两个大类： 居中元素（子元素）的宽高已知 居中元素宽高未知 二、实现方式 实现元素水平垂直居中
阅读全文
修改Element - plus的样式
摘要：把显示在浏览器上的对应css选择器全部写上，并且添加 !important </script> <style lang='scss' scoped> //修改 element plus ::v-deep .el-breadcrumb__inner a, .el-breadcrumb__inner.i
阅读全文
css 显示n行文字的方法 超出的部分用省略号代替
摘要：// 超出的部分用省略号代替 text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; // 显示文字的行数 overflow: hidden; /*! autoprefixer: off */ -webkit-box
阅读全文
