- 博客(6)
- 收藏
- 关注
原创 CSS3的小技巧——容器比图片大时,如何居中
让图片居中的方式有很多种但如果图片的宽度大于父元素的宽度,给子元素设置margin:0 auto;是无法让图片居中的给父元素使用text-align: center;是无法让图片居中的<div class="father"> <img src="images/video1.jpg" alt=""></div>方法一:我们可以使用定位流来居中图片img{ position: relative; left: 50%; margin-left.
2021-10-16 16:36:25
191
2
原创 better-scroll首次加载无法滚动----解决方案
修改创建对象的生命周期钩子mounted() { this.scroll = new Bscroll(this.$refs.wrapper, { click: true }) },修改为updated() { this.$nextTick(() => { this.scroll = new Bscroll(this.$refs.wrapper, { click: true }) }) }问题出现原
2021-10-08 09:29:54
454
原创 HTML+CSS 移动端笔记
HTML+CSS移动端一、移动端基础视口(viewport)就是浏览器显示页面内容的屏幕区域,视口可以分为布局视口、视觉视口和理想视口。布局视口:固定为960px视觉视口:随意的视口,通过缩放控制。理想视口:手动添加meta视口标签通知浏览器操作,设备有多宽,我们布局的视口就有多宽。meta视口标签:标准的viewpor:<meta name="viewprot" content="width=devixe-width,user-scalable=no,initial-scale=
2021-08-15 16:54:37
371
原创 HTML+CSS PC端笔记
HTML+CSSPC端1.HTML+CSS基础图像标签:路径:超链接:表格:列表:表单:2.CSS:基础选择器:CSS字体属性:CSS文本属性:背景(background):3.盒子模型margin border padding content padding border margin边框(border):内边距(padding):外边距(margin):圆角边框(CSS3):盒子阴影(CSS3):文字阴影(CSS3):4.浮动(float)浮动清除浮动:PS切图CSS属性书写顺序:5.定位:定位模式:显
2021-08-15 14:07:37
254
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人