css
关注
分享
扫一扫
CherryLee_1210
这个作者很懒，什么都没留下…
展开
-
当h5页面横向不能滚动，如何优雅的显示表格数据
背景h5项目中经常会出现“使用协议/隐私政策”。这些内容一般都是服务端给返回的富文本。问题一般协议中难免会出现表格等形式展示更多的信息。但是对于产品人员或者法务人员给我们的富文本展示出来的表格。已经远远的超出了页面内容的宽度。处理方式如果前端人员为了完全的展示表格，要么允许横向滚动，要不自己处理富文本中table标签。方案一：页面允许横向滚动，虽然表格可以展示完全，但是页面会显得特别“宽松”，因为除表格外的内容是和页面一样宽的。方案二：我们可以针对table标签进行处理，处理成table宽度和原创 2021-12-01 11:18:40 · 1685 阅读 · 0 评论 -
鼠标移入暂停animation动画与清除动画
我们可以利用鼠标的hover伪类实现动画的暂停div:hover { animation-play-state:paused;}animation-play-state 的默认值是 runningW3C animation动画暂停顺便说一下animation清除动画div:hover { animation-duration: 0s;}W3C animation动画有介绍...原创 2020-07-10 18:26:27 · 5659 阅读 · 0 评论 -
tabel布局中给tr加border边框
今儿自己在做项目时，用到了table布局。 但是设计给的是每行有底边框。这个给难到自己了，后来自己搜索解决了。<table> <tr> <td> <p>奖池金额：</p> </td> <td> <p>25000*2=<原创 2018-06-08 13:57:49 · 11213 阅读 · 1 评论 -
HTML的input中设置默认下拉值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input输入框设置默认列表内容</title></head><body>&l原创 2018-09-04 13:45:39 · 6050 阅读 · 0 评论 -
position:sticky是真的棒，牛批！！！
介绍什么的也就不多说了。张鑫旭大神已经介绍的非常清楚了。地址：position：sticky介绍这里就上几张图片（gif太不好制作了），对比一下使用fixed和sticky的区别。 position: fixed; top: 80px; right: 15px; width: 32%;通过fixed固定的，无论页面怎么滚动距离都不会变，页面滚动之后留下不舒服的...原创 2019-05-15 15:56:21 · 9251 阅读 · 0 评论 -
css3实现一个类似秒针旋转的效果
效果如下图所示（没有做成gif，嘿嘿嘿）<style> .second-bar-box{ width: 100px; height: 100px; border-radius: 50%; border: 1px solid #db192a; position: relative; } .second-bar{ ...原创 2019-07-22 17:07:16 · 1324 阅读 · 0 评论 -
修改elementUI“分页组件”的默认样式
效果图<!-- 分页 --><div class="pager-box"> <el-pagination small background layout="prev, pager, next" :total="totalDataCount" :current-page="pageInfo.page" :page...原创 2019-09-03 11:27:00 · 5271 阅读 · 4 评论