css
hua_ban_yu
这个作者很懒,什么都没留下…
展开
-
ionic框架导致多行省略号第一次显示不起作用
在使用ionic框架开发项目遇到一个坑,使用多行显示省略号第一次页面加载无效,然后进行页面跳转获取修改一个css样式,这时候多行显示省略号才会有效果。原因: 使用ionic提供<ion-avatar>加载图片导致。重现步骤:1. 没有修改前页面初始化显示列表数据,发现多行显示省略号效果不对2. 随便修改一个参数后发现多行显示省略号就生效了修改方法:1...原创 2019-11-05 15:14:54 · 311 阅读 · 0 评论 -
textarea不可拖动
默认是可以拖动的 ,如果需要设置不可拖动,只需添加 resize: none;即可。代码:原创 2018-01-17 11:02:20 · 1760 阅读 · 0 评论 -
css设置浮动导致背景颜色无效解决方案
float浮动会使父元素高度塌陷,父级元素不能被撑开,所以导致CSS背景不能显示。解决方案: 1.对父元素设置高度; 2.对父元素设置 overflow:hidden清除浮动; 3.把父元素也设置为float浮动;...原创 2018-05-15 10:12:50 · 9306 阅读 · 0 评论 -
css多种方法实现元素居中
1.利用position生成绝对定位的元素进行水平垂直居中,该方法需要知道元素的宽、高.test{ width : 300px; height : 200px; background-color: #ddd; position : absolute; left : 50%; top : 50%; margin-le...原创 2018-07-04 15:05:36 · 200 阅读 · 0 评论 -
css设置滚动调隐藏还是可以滚动
在开发过程中,有时候需要把滚动条隐藏但依然可以实现滚动效果,这个要如何实现呢?原理很简单,只要在需要隐藏滚动条的div外面加上一个父div,然后设置父div内容超出隐藏,同时把子div的高设置100%、宽设置为100%+滚动条的宽、overflow:auto,就可以实现滚动条隐藏依然可以滚动效果。实现代码,可以直接复制后查看效果<!DOCTYPE html><html...原创 2018-09-27 14:16:46 · 640 阅读 · 0 评论 -
position:fixed显示错位
在项目开发过程中遇到一个问题,使用layer显示弹出框时,弹出框里面的标签设置position:fixed显示位置是从弹出框位置进行定位,而非屏幕视口(viewport)的位置来定位。经过调查发现,原来layer弹出框使添加了layui-anim类,这样样式类中使用了transform进行动画的效果的设置。position:fixed定位错误原因:当使用了position:fixed...原创 2018-09-27 14:16:18 · 11059 阅读 · 0 评论 -
display:table-cell巧妙用法;使用display:table-cell制作搜索框
两个或者两个以上标签一起使用显示在同一行时,以前常用的是float、position进行布局,在高版本的浏览器可以使用flex进行布局。无意中发现使用display:table-cell也是一个很好用的自适应布局,下面的是一个使用display:table-cell制作自适应搜索框(无论如何修改搜索按钮的内容,对应的input输入框一直都是100%显示)。 制作步骤1.新建三个标签...原创 2018-09-27 15:26:38 · 1244 阅读 · 0 评论