
样式
文章平均质量分 93
小雨繁星儿
这个作者很懒,什么都没留下…
展开
-
CSS Grid 响应式布局
今天偶然在一前端公众号推文中看到CSS Grid这个东西,看完可以说是惊喜不已,响应式布局还可以这样做?没有冗余的col-sm-4, col-md-8类名,不用自己进行媒体查询,不要太酷下面主要是对之前那片推文及其他相关资料的整理首先,这种静态效果怎么用CSS Grid制作出来呢?HTML 代码:<div class="container"> <div>1&l...转载 2019-11-13 16:36:21 · 510 阅读 · 0 评论 -
实现多行文本溢出显示省略号的两种方法
ok,这是本菇凉的第一篇博客( •̀ ω •́ )✧ 刚毕业涉世未深的小女孩在如今这个信息爆炸的时代,看到行业那么多“大牛”、大神“、“大佬”等大大们,可以说是相(瑟)当(瑟)崇(发)拜(抖)了。崇(发)拜(抖)的同时,心里暗暗的想,我得努力啊,我得紧紧跟随前辈们的步伐呀,虽然智商是硬伤,但是勤能补拙笨鸟先飞就可以吃到虫子了呀( ̄▽ ̄)/!原创 2019-05-10 11:52:04 · 941 阅读 · 4 评论 -
移动端加载页面出现抖动、未加载完成时布局杂乱问题解决
一般出现在页面加载时图片从无到有的过程中,有抖动感可以这样解释,我们手机在不同的环境下网速不同从而导致页面加载速度有快有慢这个时候图片所在的盒子是靠图片撑开的图片没有加载出来,盒子无法被撑开,页面其他已加载的内容就会填充上去等待图片加载完后,填充上去的内容又被重新挤下来这就很容易显得页面杂乱,抖动感明显,用户体验差可以这样解决.wrapper overflow:hidden...原创 2019-06-25 17:09:37 · 1361 阅读 · 0 评论 -
解决移动端一像素边框问题的重置代码border.css
上一篇的border.css代码来了~@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,....原创 2019-07-02 16:32:00 · 201 阅读 · 0 评论 -
利用flex弹性布局实现图片水平及垂直方向居中
display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局注意:(Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。)1.将图片水平方向居中:justify-co...转载 2019-08-01 17:55:01 · 2839 阅读 · 0 评论