
css
文章平均质量分 50
CurryChou777
这个作者很懒,什么都没留下…
展开
-
react中css引入构建失败问题
如下该项目使用`vite` 打包,构建时有如下错误,原因是依赖中有使用波浪线的形式引入,vite不能识别。解决方式是添加alias。同时,对于webpack构建时,对于不写波浪线引入css时,可能出现依赖文件找不到的问题,原因是css-loader的版本问题。例如我遇到的业务中使用了sass-loader,8.x的版本必须要使用 ~,否则无法正常编译,10.x的则正常。......原创 2022-07-13 10:47:47 · 1294 阅读 · 0 评论 -
页面中动态插入css插件
在某些应用场景中我们需要动态的插入css样式字符串,比如在项目中使用了第三方的UI组件库,有时候需要动态配置来改变该组件的部分样式,同一组件可能有多种不同样式的时候,这时候动态插入css样式就派上用场了。这里也是推荐一个插件,appendStyleCss使用方式也很简单首先安装依赖npm install append-style-css -S在页面中引入import appendStyle from 'append-style-css'最后就是使用该方法,插入css原创 2020-06-17 14:40:44 · 524 阅读 · 0 评论 -
CSS盒子垂直水平居中
居中的方式有多种,根据喜好自己选择:1、定位 盒子宽高已知, position: absolute; left: 50%; top: 50%; margin-left:-自身一半宽度; margin-top: -自身一半高度;2、table-cell布局 父级 display: table-cell; vertical-align: middle; 子级 margin: 0 auto;...原创 2018-02-27 18:17:39 · 232 阅读 · 0 评论