![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
样式问题
文章平均质量分 52
AS_TS
这个作者很懒,什么都没留下…
展开
-
在 umi 中使用 .sass .scss
根据umi官方文档介绍CSS 预处理器Umi 内置支持less,不支持sass 和 stylus,但如果有需求,可以通过 chainWebpack 配置或者 umi 插件的形式支持。在没配置之前,使用 .sass 、 .scss 会编译报错这里就提供umi插件的形式,使代码中可以使用.sass 、 .scss 文件步骤如下:首先安装 umi插件 @umijs/plugin-sassyarn add @umijs/plugin-sass注意:安装的必须是 @umijs/plugi原创 2021-02-04 18:08:26 · 1692 阅读 · 0 评论 -
HTML、css、js 特殊字符(空格符号)
HTML中的 & nbsp; & ensp; & emsp; 6种空格标记 不会累加的(只算1个),且该空格占据宽度受【字体】影响明显而强烈 <button type="button">提 交</button><br />   占据的宽度正好是1/2个中文宽度,且基本上不受字体原创 2020-10-30 16:32:44 · 8522 阅读 · 0 评论 -
css 元素的垂直对齐方式
vertical-align该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。例如: <td style="display:table-cell; vertical-align:top">{$v.driver_uid|find_driver_name}</td>值描述baseline默认。元素放置在父元素的基线上。s原创 2020-08-27 10:36:22 · 644 阅读 · 0 评论 -
antd table 固定列样式修改
antd的表格样式中 dark 模式下有些样式与实际设计不同,需要自行修改:.tableList { margin: 0 20px; // 隔行变色 .ant-table-tbody > tr:nth-child(2n-1) > .ant-table-cell-fix-left, .ant-table-tbody > tr:nth-child(2n-1) > .ant-table-cel原创 2020-07-24 10:48:53 · 3677 阅读 · 0 评论 -
滚动条组件,react-custom-scrollbars
发现一个简单的滚动条npm包,这可以让我们抛弃浏览器原始的丑陋滚动条npm地址:https://www.npmjs.com/package/react-custom-scrollbarscnpm镜像地址:https://cnpmjs.org/package/react-custom-scrollbarsgitHub上的高级用法:https://github.com/malte-wessel/react-custom-scrollbars/tree/master/docsgitHub上API文档:ht原创 2020-06-30 14:57:38 · 7411 阅读 · 0 评论 -
文本溢出的部分解决办法
1. 单行文本溢出1.1 单行文本溢出省略核心 CSS 语句overflow: hidden;(文字长度超出限定宽度,则隐藏超出的内容)white-space: nowrap;(设置文字在一行显示,不能换行)text-overflow: ellipsis;(规定当文本溢出时,显示省略符号来代表被修剪的文本)优点无兼容问题响应式截断文本溢出范围才显示省略号,否则不显示省略号省略号位置显示刚好短板只支持单行文本截断适用场景适用于单行文本溢出显示省略号的情况示例图片原创 2020-06-11 14:20:49 · 1714 阅读 · 0 评论