css
追格
这个作者很懒,什么都没留下…
展开
-
通过css在网页中实现容器内元素横向滚动
网页中元素默认是纵向排列的,我们可以通过css属性将容器内子元素实现横向排列,超出隐藏,并可以横向滚动。基础结构如下: <div class="scroll-box"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item原创 2022-03-18 14:21:42 · 1845 阅读 · 0 评论 -
通过css实现img自适应剪裁并居中适配
在网站制作和WordPress模板设计中,有时候会碰到图文列表的资讯图片和用户列表中的用户头像,因为用户发的图片规格不一致导致显示比例不合适或者图片有拉伸,压缩的问题。我们可以通过一套二层结构完美解决这类问题。html结构:外层作为容器层,限制图片规格,内层是图片层,用作显示<div class="news-cover"> <img src="../images/cover1.png" alt="图文资讯" /></div>css部分:外层原创 2022-03-17 14:55:04 · 3761 阅读 · 0 评论