03 2020 档案

摘要:前端切图的时候经常会遇到图片布局,初学者可能会比较生疏。接下来我会以3行3列的图片列表为列子介绍两种常用的切图方案: float布局 display:inline-block布局 首先来讲float布局的方法 float布局 非常简单,一般我会使用ul li布局 <ul> <li><img src= 阅读全文
posted @ 2020-03-23 14:16 一抒山河 阅读(3382) 评论(0) 推荐(0) 编辑
摘要:平常开发有些要用到的样式总是不记得,还得百度,现在记在博客方便记忆 日后持续更新中 使用flex布局让盒子垂直水平居中 <div class="box"> <section class="inner"></section> </div> .box { display: flex; justify-c 阅读全文
posted @ 2020-03-19 11:16 一抒山河 阅读(191) 评论(0) 推荐(0) 编辑
摘要:客户反馈问题图片: 详细图片: 客户要求图片不能被压缩展示,于是我向图片加一个父盒子拥有宽高,内部img标签max宽高100%,同时相对于父盒子定位并使用transform属性 因为我之后的元素也是使用的定位,这就导致出现了浮动塌陷 视频播放按钮应该在下面盒子中央的,结果因为塌陷了导致播放按钮相对于 阅读全文
posted @ 2020-03-14 15:02 一抒山河 阅读(202) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示