kingbow的博客

很多时候我们为了美观不想出现滚动条，但是又要保留随着鼠标滚动而滚动的功能。下面我来谈谈该如何做原理如下: 可以用padding等，把滚动条挤出到外面去，达到隐藏的效果。具体操作：在当前div的外面在嵌套一个div，外面div设置隐藏滚动条，里面的div宽度小于外面n像素，右内边距设置成n像素，然后在设置显示竖直滚动条先给大家看一个简单的有滚动条的html界面：代码如下：<htm...

在li中纯放图片img,出现的bug是图片之间有3px的间隙,给li加高度也无效,解决图片间有空隙方法如下:直接加样式img{vertical-align:bottom; display:block}当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的图片空隙没了,而下与中之间还存在,方法很简单,把vertical-align:bottom改成...

1.background-position的值为两个数，其中分别是x和y的距离，表示一个html标签盒子中其中的某个位置（以当前html元素的左上角为原点，右边为x轴正向，下边为y轴正向）2.一张背景图片默认是在html标签的左上角原点处开始展示的3.此时我们需要把一张超级大图的一部分展示到html标签中时，我们需要测量出我们要取的那部分图的左边和上边距离我们的html标签盒子的左上方距离为多...

1.如果要设置某个元素在窗体中水平垂直居中的话，将此元素设置为绝对定位（不设置其祖先为相对定位，让其默认针对窗体定位），然后设置元素的margin值为auto,在设置定位的上下左右都为0,即可实现此元素在窗体中水平垂直居中。如：margin:auto;position:absolute;top:0; bottom:0;left:0;right:0;如果要设置某个子元素在父元素中水...

如图所示：可用方法：javascript```li>a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #0052d9; transform: scale(...

1. -webkit-overflow-scrolling:touch是什么？MDN上是这样定义的：-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。 touch: 使用具有回弹效果的滚动,当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和...