![](https://img-blog.csdnimg.cn/20190925165031442.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
hangGe0111
这个作者很懒,什么都没留下…
展开
-
html中数字换行字母换行
在HTML中纯数字或者纯字母不会自动换行(添加) word-break:break-all;word-wrap:break-word 1.添加前效果 (1)纯数字(2)纯字母2.添加后效果(1)纯数字(2)纯字母...原创 2018-07-13 17:58:39 · 2960 阅读 · 1 评论 -
CSS选取第几个标签元素:nth-child(n)、first-child、last-child
转载:https://blog.csdn.net/longgeaisisi/article/details/78154169nth-child(n)、first-child、last-child用法注:nth-child(n)选择器匹配父元素中的第n个子元素。 n可以是一个数字,一个关键字,或者一个公式。1.nth-child(n)用法: 1.1 nth-child(3) 表示选择...转载 2018-12-06 19:05:15 · 2291 阅读 · 0 评论 -
针对谷歌默认最小字体12px的正确解决方案 (css、html)
转载:https://www.cnblogs.com/mfc-itblog/p/5669118.html方案都惊奇地相似: html{ -webkit-text-size-adjust:none; } 然后我满心欢喜地用上去之后,发现并没有什么鸟用。再后来,又查了下资料了解到在chrome 27之后,就取消了对这个属性的支持。尼玛,这不是坑爹吗?柳暗花明又一村,然后发现...转载 2018-08-22 17:47:33 · 3384 阅读 · 0 评论 -
flex.css弹性布局封装
1.代码.hide { display: none !important;}.fl { float:left;}.fr { float:right;}.clearfix:after,.clearfix:before { content: '.'; display: block; visibility: hidden; font-size: 0; ...原创 2018-12-06 19:06:27 · 165 阅读 · 0 评论 -
图片居中(vertical-align: middle;和定位两种方法)
1.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padd原创 2018-08-20 08:28:01 · 2150 阅读 · 0 评论 -
CSS3常用的几种颜色渐变模式总结
转载:https://www.jb51.net/css/511433.html一、线性渐变:linear-gradient语法: <linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner] ,]? <color-start>[, <color-e...转载 2018-08-20 08:27:00 · 4605 阅读 · 0 评论 -
IE8兼容background-size属性
转载:https://blog.csdn.net/lxtlog/article/details/532563151.简介background-size是CSS3新增的属性,但是IE8以下还是不支持,可以通过滤镜来实现这样的一个效果background-size:contain; // 缩小图片来适应元素的尺寸(保持像素的长宽比);background-size :cover; // 扩...转载 2018-08-20 08:26:51 · 4205 阅读 · 0 评论 -
一个小方法解决RGBA不兼容IE8
1.第一部分转自:https://blog.csdn.net/leihope_/article/details/70158902要在一个页面中设置一个半透明的白色div。这个貌似不是难题,只需要给这个div设置如下的属性即可:background: rgba(255,255,255,0.1);但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rg...转载 2018-08-20 08:26:42 · 677 阅读 · 0 评论 -
触屏手机端阻止长按弹出选择文字以及弹出菜单,img标签同理
1.主要代码(1)css/*触屏手机端阻止长按弹出选择文字以及弹出菜单*/*{ /*阻止文本选中*/ -webkit-user-select: none; user-select: none; /*阻止菜单弹出*/ -webkit-touch-callout: none; /*touch-callout去掉,安卓不支持须通过js里的阻止默认事件实现*/...原创 2018-08-09 08:56:27 · 3788 阅读 · 0 评论