css
jsyxiaoba
快乐学习
展开
-
未知宽高的盒子垂直居中方法总结
已知宽高的盒子就不说了,说一下未知宽高的盒子水平垂直居中方法及优缺点,目前有4种。htm代码及公共css代码<div class="box"> <div class="all-item item">item</div></div>.box{width:500px;height:500px;background-color: #ddd;}...原创 2019-12-04 16:37:26 · 1191 阅读 · 0 评论 -
CSS gradient渐变之webkit核心浏览器下的使用
一、关于渐变 渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方。例如,您可以指定一个这么一个渐变:顶部的颜色是红色,中间的是蓝色,底部为黄色来作为div的背景色。渐变通过-webkit-gradient方法实现,可以用来代替图片URL。在webkit核心浏览器下(Safari4+, Chrome),有两种类型的...转载 2018-03-07 11:28:05 · 376 阅读 · 0 评论 -
css文本两端对齐text-algin:justify兼容IE写法
p{ text-align:justify; //chrome和firfox都能生效 text-justify:inter-ideograph; //兼容IE(只有ie下才能用)}在谷歌和火狐下只需要写text-align:justify;就可以了,但是在IE下需要把两个都写上才能生效。text-justify:inter-ideograph;相当于IE的私有属性,必须配合text...原创 2019-01-03 15:23:44 · 843 阅读 · 0 评论 -
css兼容ie9-ie11写法
1.普通代码.aaa{padding:0 10px;}2.兼容ie9-ie10.aaa{padding:0 6px\9;}3.兼容ie10-ie11@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .aaa{padding: 0 6px;} }亲测有效...原创 2019-09-12 11:16:59 · 2119 阅读 · 0 评论