样式css
厘子 车
这个作者很懒,什么都没留下…
展开
-
安卓,qq浏览器img标签取消点击放大图片
问题:安卓的qq浏览器img标签点击会放大图片解决方案:img{pointer-events: none;vertical-align: sub;}关注博主更多文章 https://blog.csdn.net/qq_39882537原创 2020-12-03 11:20:21 · 490 阅读 · 0 评论 -
不固定高度 垂直居中
transform / 配合定位使用<div class="box"> <span>测试文字</span></div>.box{ background: #000; color: #FFF; width: 140px; height: 100px; position: relative;}.box span{ border: 1px solid #fff; position: absolute; left: 50%; top:原创 2020-06-29 15:26:45 · 133 阅读 · 0 评论 -
火狐浏览器不支持background-position-y
火狐的低版本兼容(47)不识别 background-position-y解决办法:background:url(‘’ no-repeat 0 -50px);原创 2020-05-09 17:02:54 · 279 阅读 · 0 评论 -
css 样式 常用水平/垂直居中
居中样式,都是比较常用的方法,不常用的就不举例了 有这几种就够用了1/2 都是固定宽高3 个人觉得是最好用的,可以不考虑宽高问题text-align:center;<div class="box"> <span>测试文字</span></div>.box{ width:120px; height:100px; backgro...原创 2020-03-19 15:55:52 · 166 阅读 · 0 评论 -
vue项目中 img标签加载失败方法,onerror事件的两种方法
vue项目中 img标签加载失败方法原创 2019-05-18 17:51:31 · 29804 阅读 · 4 评论 -
transition 与 不固定高度模块 实现过渡
transition 与 不固定高度模块 实现过渡transtion与不固定高度实现过渡只需要这只max-Height就可以如下react代码<div className={`skuListBox ${this.state.hover?'maxHeight800':'maxHeight0'}`} onMouseEnter={this.mouseEnter.bind(this)} on...原创 2019-10-11 13:53:34 · 922 阅读 · 0 评论 -
超出容器的图片在容器里左右居中,不使图片变形(大图片居中问题)
超出容器的图片在容器里左右剧中,不使图片变形(大图片居中问题)父元素:overflow:hidden; text-align:center;子元素(img标签):margin:0 -100%;实例代码片段:<li className={style.father}> <img src={require('./img/zt2.jpg')} alt="" /><...原创 2019-10-11 14:17:52 · 369 阅读 · 0 评论