![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
奥巴犇
这个作者很懒,什么都没留下…
展开
-
display:inline-block换行,float不换行
CSS有个任务,屏幕宽375px ,3个DIV宽125px,照理说3个DIV设置为display:inline-block的话,3个DIV会在一排,但是实际上第三个DIV却换行了;与之相反,3个div设置为float:left,则会在一排而不换行。所以肯定是这个display:inline-block有问题。经过查询,的确如此,block元素之间,写代码时的换行,是一个空格,所以虽然肉眼看不到...原创 2018-05-04 10:59:38 · 3245 阅读 · 0 评论 -
CSS水平垂直居中常用方法
flex<div class="container"> <div class="inner"> <p>hello world</p> </div></div>.container { display: flex; justify-content:原创 2018-11-11 20:17:18 · 123 阅读 · 0 评论 -
vue,css3实现上下滑屏幕
在vue中使用css3实现滑屏,只放了关键代码,其它的没啥了<template lang="pug">ul( @touchstart.prevent='handleTouchStart' @touchmove='handleTouchMove' @touchend='handleTouchEnd' ) li img( src='...原创 2019-03-19 20:03:59 · 1043 阅读 · 0 评论 -
background background-size: contain;顺序导致的bug
background: url(’./test.png’) no-repeat;background-size: contain;上述代码正常,下面代码样式失效background-size: contain;background: url(’./test.png’) no-repeat;原创 2019-03-25 11:35:54 · 1147 阅读 · 0 评论