![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
西西里______
加油
展开
-
设置flex:1元素的子元素无法设置超出隐藏,flex: 1;width: 0;的原理
解决:设置flex:1元素的子元素无法设置超出隐藏假设:设置flex:1的项为A所以,当A项的width为0时,剩余空间等于容器的宽度减去除A项以外(因为此时它的width为0),其他flex项的大小,然后把剩余空间给A项补充:width也可以不设为0,只要设置的宽度不大于剩余空间就可以,因为此时的剩余空间为 flex 容器的宽度.原创 2022-01-12 20:49:44 · 3334 阅读 · 0 评论 -
CSS实现汉字与数字底部对齐
效果:代码: <div style="width:200px;border-bottom: 1px solid red;"> <span style="font-size: 30px;vertical-align:bottom;">价格</span> <span style="vertical-align:bottom;">100</span> </div>要点:verti原创 2022-01-11 13:24:49 · 4910 阅读 · 0 评论 -
移动端自适应rem
适应iphone5、iphone6、iphone6P html{font-size: 50px;} @media screen and (max-width: 320px) { html{font-size: 42px} } @media screen and (min-width:321px) and ...原创 2018-05-28 19:22:50 · 163 阅读 · 0 评论