标签 css 下的文章

写html代码时div之间换行后浏览器页面inline-block子元素被挤到另一行的诡异问题

至始至终都找不到一个好的标题来形容这个现象,不过在大量搜索资料后得知原因是CSS的inline-block换行引发的间隙,最终也按大佬们的方法解决了问题,记录一下。DEMO:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <...

一步一重天 2020 年 01 月 04 日 暂无评论

使用css sticky实现元素自动置顶和自动回原位置

常用于表格表头,页面导航,选项卡等。比如 这个 bar 在中间,但滚动向上,这个bar触到顶部时,则自动fixed。当向下滚动,bar则自动融回原位置。{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:sticky;top:0;left:0;z-index:9980} 最近也在琢磨这个效果,j...

一步一重天 2017 年 08 月 22 日 暂无评论

css元素自动置顶和自动取消置顶

常用于表格表头,页面导航,选项卡等。比如 这个 bar 在中间,但滚动向上,这个bar触到顶部时,则自动fix。当向下滚动,bar则自动融回原位置。{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:sticky;top:0;left:0;z-index:9980} 说明在一些很长的表格中,常常...

一步一重天 2017 年 08 月 22 日 暂无评论