css爬坑系列
bdlaxx
这个作者很懒,什么都没留下…
展开
-
弹性盒子flex,水平垂直居中
https://blog.csdn.net/hwhsong/article/details/83896404转载 2019-12-24 18:58:18 · 2144 阅读 · 0 评论 -
input placeholder和输入的字体属性设置
<input type="text" name="" id="once" value="" placeholder="提示字体样式可以修改">input { width:300px;}input::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color:red;}in...原创 2019-12-05 16:22:33 · 1257 阅读 · 0 评论 -
vue超长文本使用省略号展示,中英文数字通用
如果希望超长文本只展示一行:width: 200px;display: block;text-overflow: ellipsis; /*超出内容用省略号*/overflow: hidden; /*内容超出后隐藏*/white-space: nowrap; /*文本不进行换行*/如果希望超长文本展示多行:width: 200px;display: -webkit-box...原创 2019-11-04 21:17:19 · 2289 阅读 · 0 评论 -
flex布局
https://www.cnblogs.com/dreamperson/p/9367008.html转载 2019-11-04 19:35:00 · 235 阅读 · 0 评论 -
css实现多个div在一行内显示
为了能让多个div的内容在同一行显示,需要1.设置每一个div的宽度,并且所有div的width加起来不能超过显示屏的宽度,否则会被迫换行;2.每个div设置display:inline通过设置上述两项便可以实现div不换行。同时,如果需要最右边的div靠右,可以设置float:right...原创 2019-08-14 19:28:58 · 6960 阅读 · 0 评论 -
background-attachment
background-attachment属性进阶前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。取值:scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。fixed:背景图相对于视口固定,所以随页面滚...转载 2019-08-05 10:08:17 · 10617 阅读 · 0 评论 -
CSS长度单位:vh、vw、vmin、vmax、em、rem、ex、ch、px
CSS的长度单位。一些属性可能允许有负长度值,或者有一定的范围限制。如果不支持负长度值,那应该变换到能够被支持的最近的一个长度值。长度单位包括包括:相对单位和绝对单位。相对长度单位包括有: em, ex, ch, rem, vw, vh, vmax, vmin绝对长度单位包括有: cm, mm, q, in, pt, pc, px1、vh、vw有点像width和height属性,...转载 2019-08-05 10:07:05 · 4383 阅读 · 0 评论 -
小div在大div中水平垂直居中(两个div都固定宽高)
转载自:https://blog.csdn.net/sleepwalker_1992/article/details/80656170转载 2019-07-23 20:33:05 · 146 阅读 · 0 评论 -
css实现div盒子内的dive居中(水平、垂直)
参考:http://www.mamicode.com/info-detail-2370426.htmlhttps://www.cnblogs.com/whs5280/p/9298082.html关于div的上下左右居中,之前总是学完之后忘记,现在总结一下并记录下来,常见的有以下的几种实现的效果图:1.使用absolute进行绝对定位注:这方法,需要知道子元素的宽...转载 2019-06-27 15:10:56 · 1468 阅读 · 0 评论 -
隐藏和显示div的两种方法
隐藏和显示div的两种方法转载自:https://www.cnblogs.com/wyqn/p/6540228.html方式一style="visibility: none;"visiblity:visible -------->可见visiblity:hidden ------->不可见(隐藏)这种方法div是占据空间的,只是说看到的是空白方式二sty...转载 2019-06-03 14:07:56 · 697 阅读 · 0 评论 -
CSS实现垂直居中的几种方法
转载自:https://www.cnblogs.com/hutuzhu/p/4450850.html垂直居中是布局中十分常见的效果之一,为实现良好的兼容性,PC端实现垂直居中的方法一般是通过绝对定位,table-cell,负边距等方法。有了css3,针对移动端的垂直居中就更加多样化。方法1:table-cellhtml结构: 1 2 3 ...转载 2019-06-03 10:03:00 · 13097 阅读 · 2 评论