css
文章平均质量分 65
叶公子star
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
flex作用于box容器上的6个属性介绍
flex作用于box容器上的6个属性介绍1. flex-direction用于指定flex主轴的方向,继而决定flex子项在flex容器中的位置row,默认值,表示水平方向从左到右排列,此时水平方向为主轴row-reverse,与row相反column, 表示竖直方向从上到下排列,此时垂直方向为主轴方向column-reverse,与column相反2. flex-wrap用于指...原创 2019-02-22 11:08:30 · 419 阅读 · 0 评论 -
flex布局 justify-content:space-between; 解决最后一排数量不够自动向两端排列问题,附录grid栅格布局完美解决
flex 布局两端对齐当最后一排数量不够时,会出现以下布局情况这时,我们可以下面after伪类,解决最后一排数量不够两端分布的情况.tem-flex{ display: flex; flex-wrap: wrap; justify-content:space-between; text-align: justify; } <!--加上after伪...原创 2019-02-22 13:38:27 · 49112 阅读 · 24 评论 -
好玩的 css3 动画效果,持续更新中,欢迎关注
1. 单弧转圈效果<div class='container'> <div class="circle"> <div class="loading"></div&amp原创 2019-02-22 19:16:19 · 445 阅读 · 0 评论 -
vue 项目中使用的px2rem插件,导致部分安卓机低版本 不显示1px 的border
解决方法:把1px 小写改成大写,可以完美的规避px2rem 的px向rem 的转化比如:border-bottom: 1px solid #ddd; 改成 border-bottom: 1Px solid #ddd;原创 2019-06-23 12:32:09 · 1492 阅读 · 0 评论 -
css 文字超出部分显示省略号
1. 一行超出部分显示省略号.line-clamp1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}2. 两行超出部分显示省略号.line-clamp2 { overf...原创 2019-08-17 10:55:32 · 312 阅读 · 0 评论
分享