css
boss-qiu
这个作者很懒,什么都没留下…
展开
-
平滑滚动的3种实现方式
引言:锚点跳转或者返回页面顶部的时候通常是“嗖”的一下直接滚动到目标位置,缺少动画效果,感觉有点奇怪。这里提供3种滚动实现方式示例都在vue当中实现<template> <div class="scroll"> <a href="#bottom"> <div class="tag">这里是a标签</div> </a> <div class="placeholder">这里是中间占位元素</原创 2021-02-18 12:05:25 · 3229 阅读 · 0 评论 -
CSS实现梯形
1.横向梯形<div class="div1"></div><div class="div2"></div><style> .div1{ width:100px; height: 0; border-bottom: 20px solid #000; border-left: 15px solid tra...原创 2020-12-17 16:59:23 · 12231 阅读 · 0 评论 -
img底部边距问题
上下两个img元素总会有一条多出来的空隙,大概为4px。解决办法给img设置vertical-align:bottom;这样空隙就消失了原创 2020-09-19 13:54:40 · 139 阅读 · 0 评论 -
子元素margin溢出问题
发生条件当子元素与父元素的上边界重合时,给子元素设置margin-top这时候子元素的margin会挂载父元素上,变成了父元素的margin-top解决办法1父元素设置border-top:1px(会影响父元素的高度)解决办法2父元素设置padding-top替代子元素的margin-top解决办法3子元素前边加一个<table></table>标签解决办法4给父元素加overflow:hidden这个属性...原创 2020-09-19 13:35:42 · 679 阅读 · 0 评论