![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 64
前端学狗
这个作者很懒,什么都没留下…
展开
-
样式加scoped后,会为元素增加data-v-xxx属性,因此样式优先级造成的线上样式与本地的不一致。[data-v-xx]属性的优先级
[data-v-xx]属性的优先级,vue项目样式加scoped后,会为元素增加data-v-xxx属性,因此样式优先级造成的线上样式与本地的不一致。原创 2022-06-17 11:44:12 · 1381 阅读 · 1 评论 -
CSS实现水平垂直居中的6种方式
大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。在开发中经常需要实现的一个页面效果是:元素的垂直居中。在此记录一下,经常适用的几种方法前提:元素之前的布局关系如下,需要实现class为son该元素的垂直居中<style>.son { width: 200px; height: 200px; background-color: p原创 2021-05-11 14:54:32 · 36758 阅读 · 2 评论 -
flex:1在IE与谷歌浏览器中效果不一样:在IE中文字被后面的的元素遮挡,变垂直,没有正常显示
大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。遇到的问题:今天在适用flex布局时,遇到了flex:1;在谷歌和IE浏览器中显示不一样的问题。谷歌浏览器的效果与预期相符合。预期效果:IE浏览器的效果图:完整的页面代码:<!DOCTYPE html><html lang="en"><head> <meta cha原创 2021-04-20 17:38:38 · 1048 阅读 · 0 评论