
css
羡与
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
让元素在div中垂直居中的三种方式
对于文字的垂直居中相当简单,只需要设置外层div的height与line-height值相等即可,但是此样式却不适用于div,img,p等元素的居中,下面是解决办法:一、已知父级div宽高使父级div显示为表格单元格,通过设置vertical-align:middle;就可以使其中的块级元素垂直居中// 父级样式div {height: ?px || ?% || ?vh...原创 2017-07-19 11:36:09 · 11102 阅读 · 0 评论 -
react单页应用不想出现竖直滚动条的解决方案
针对改变浏览器宽度,浏览器底部出现滚动条时的情况,解决方案是设置事件监听,根据浏览器的可视区域高度实时更新页面的高度。步骤1:在state中初始化页面高度为window.document.body.clientHeight(注:这里的clientHeight是去除页面底部滚动条高度的浏览器可视区域高度,应与window.innerHeight区分开)state = {height: window...原创 2018-04-17 16:24:30 · 5017 阅读 · 0 评论 -
css 浮动元素会导致其兄弟元素不换行的解决方案
<div class="text-panel"> <!--操作栏--> <div class="action-bar"> <span class="bar-title">操作栏</span> <span class="split-line">删除</span>...原创 2019-05-15 16:32:38 · 1089 阅读 · 0 评论 -
vue中自定义select
在不使用ui框架时,原生的select元素可修改的样式非常有限,大多是不满足我们的需求的。因此花了点时间写了个可以自定义样式的select组件,以备以后使用。1.html<div id="app" @click="hiddenSelection"> <div class="form_select"> <...原创 2019-08-02 12:02:42 · 1653 阅读 · 3 评论 -
css 横线置于文字两侧
如图效果:html<a class="forgot" href="/passport/forget-password">忘记密码</a>less.forgot { display: inline-block; color: rgba(0, 0, 0, 0.25); position: relative; overflow: hidde...原创 2019-08-26 14:30:54 · 221 阅读 · 0 评论