随笔分类 - 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
阅读全文