![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
cyx1874
这个作者很懒,什么都没留下…
展开
-
display布局
原博地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html骰子实例:http://www.ruanyifeng.com/blog/2015/07/flex-examples.htmldisplay:flex1. flex-direction:决定主轴的方向,水平和垂直 row(默认值):主轴为水平方向,起点在左端。...转载 2018-10-08 15:27:39 · 383 阅读 · 0 评论 -
css图片变形问题
图片大小跟盒子的宽高不一致的时候,会出现变形。加上 object-fit: cover 就会让图片符合盒子大小原创 2018-10-09 11:34:35 · 1736 阅读 · 0 评论 -
复选框圆圈样式
先把原来的复选框隐藏掉,再把lable伪装成复选框 设置 lable 的样式和 lable 选中时候的样式。::before和::after必须配合content属性来使用,content用来定义插入的内容,content必须有值,至少是空。<!DOCTYPE html><html lang="en"><head> ...原创 2018-10-22 11:02:18 · 5826 阅读 · 3 评论 -
改变input的默认样式
1. 聚焦时不出现蓝色边框outline:none; 2.修改 input 默认的placeholderinput::-webkit-input-placeholder { font-size: 0.4rem; //字体 color: #CCCCCC; //颜色 letter-spacing: 0px; }兼容浏览器input:-m...原创 2018-10-22 14:42:06 · 540 阅读 · 0 评论 -
css 实现div内显示两行或三行,超出部分用省略号显示
一、div内显示一行,超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、div内显示两行或三行,超出部分用省略号显示 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; ...转载 2018-10-31 10:52:13 · 387 阅读 · 0 评论 -
VUE移动端一些注意点
1. 取消a标签在点击时的背景颜色参考文章 https://blog.csdn.net/weixin_41076513/article/details/79804722a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focu...原创 2019-01-10 18:18:27 · 875 阅读 · 0 评论 -
vue根据不同值改变css样式
当值不固定时,同时改变css的样式原文:http://www.cnblogs.com/can-dy/p/7364760.html<div class="rack" v-for = "(item,idx) in items" :key="idx" :class = "{rackA:item.num==1, rackB:item.num==2, rack...转载 2019-01-14 14:27:05 · 5077 阅读 · 2 评论 -
移动端border-bottom过粗的问题
通过transform将宽度缩小一半,transform:scaleY(0.5) 通过伪类实现<div class="thin-bottom-border">aaaaaa</div>.thin-bottom-border{ position: relative;}// 底边.thin-bottom-border:before { content: ...原创 2019-01-17 15:50:47 · 486 阅读 · 0 评论 -
H5遮罩层(不会滚动)
遮罩层的 position设为 fixed 最外层盒子要设置高度 height 和 隐藏滚动条 overflow-x: hidden;<div id="aa"> <div class="list"> <div class="aaa" v-for="(item, idx) in arr" :key="idx">原创 2019-01-23 16:56:04 · 769 阅读 · 0 评论