史上最全的 css hack 解决方案

在使用css时,总是会遇到很多问题,并且由于每一个浏览器对css的兼容性不一样,而面对网站访问的用户来说,他们使用的浏览器版本以及浏览器产品都有不同,那么我们就必须得了解css hack的相应技术,来解决css在各个浏览器中的显示效果,并满足用户的体验程度!下面是一套完美解决css hack的各种方案,不论对于任何浏览器都很实用,希望大家喜欢!

CSS技巧

1、div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行
2、margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;
例如:
<#div id=”imfloat”>
相应的css为
#IamFloat
{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/
}

3、浮动ie产生的双倍距离
#box
{
float:left;
width:100px;
margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略
} 阅读更多

五个方案即可解决XHTML+CSS兼容性

2015/07/03HTML5+CSS3 标签:0

XHTML+CSS是我们经常都能看到的相应的一门网页制作语言的整合以及一个超前的技术,不过由于浏览器泛滥的今天,我们不知道用户会使用什么样的浏览器来浏览网站,而为了让所有用户看到我们网站上的东西不出问题,网页布局不错乱,所有就有一种技术叫做CSS兼容或者说浏览器兼容技术,那么下面我们就来看五个解决XHTML+CSS兼容性的解决方法!

1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法:
div{margin:30px!important;margin:28px;}
注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别。所以在IE下其实解释成这样:
div{maring:30px;margin:28px}
重复定义的话按照最后一个来执行,所以不可以只写margin:XXpx!important;
2.IE5和IE6的BOX解释不一致IE5下div{width:300px;margin:0 10px 0 10px;}div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px,而在IE6和其他浏览器上宽度则 是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改: 阅读更多

美文《Nevermind, I will find someone like you》欣赏

2015/07/03生活/旅行 标签:0

Nevermind, I will find someone like you

我在你曾经生活过的城市
这里有你喜欢的山顶的风层层卷起的绿浪
有你说你一辈子不想忘记的那个站在桥上的傍晚
有欢笑声能淹没我的眼睛的感动
这是我们成长的地方
但是现在呢?
你在哪里?

偶尔听朋友无意提起你的事,说你要结婚了,好像很幸福
我没有追问,只是微微笑,撇开了话题

我永远记得那一天
我们说了再见
然后你头也不回的走掉,
为了保持我的骄傲,
我也直视前方
潇洒的说BYE
那天我跑着回家
没有下雨,空气很干,车辆如往常穿梭,人群来来往往,和平常没有两样
我很用力的跑,很用力,想把力气用光
然后我就没有力气去难过了
一直跑,一直跑,
我想把所有的树,人,街道,阿猫阿狗都甩到后面,
但是怎么都甩不掉
为什么总是甩不掉 阅读更多

小内存VPS安装lnmp的优化,你做了吗?

2015/07/03Linux服务器 标签:0

很多做站的朋友,可能为了避免国内麻烦的备案程序,和我一样购买和使用国外的VPS,有很多新手对国外VPS的使用了解太少,虽然买了个512M内存的VPS或者256M内存的VPS,总觉得速度不行或者经常出现502错误等问题,那么今天就由我来告诉你,购买VPS后,要如何进行优化才能发挥VPS最大的性能。当然,购买后我建议大家都使用lnmp,而不要使用什么iis以及apache之类的服务器软件,因为小内存VPS使用iis以及apache的话你会觉得内存占用太大。

1.优化CPU

先来优化CPU吧,使用命令cat /proc/cpuinfo看看自己的CPU是几核的,Linode虽然内存给的不多,但是CPU还是挺实在的,我这服务器的CPU是4核的,使用该命令可以看到processor 0,1,2,3。

确定了CPU之后,在Nginx的配置文件中写入如下这样两行:

view plaincopy to clipboardprint?
worker_processes 4

worker_cpu_affinity 0001 0010 0100 1000
这两行的意思是说,开启4个工作进程,并同时启用CPU的4个核心,这样能加快Nginx的响应速度。之后可以用top命令来验证,是不是开启了4个CPU在工作。

2. 在events中开启epoll。

events{

use epoll;

}
Epoll事件模型是Nginx之所以优于Apache的杀手锏技术,但只有在Linux 2.6及以上内核中才可采用,如果内核是2.6以上的,一定要打开。

3. 设定Nginx文件句柄数,使用ulimit -n得到文件查看数限制,设置到worker_rlimit_nofile中,我的系统中是1024。 阅读更多

世界,你好!

1949/10/01编程技术 标签:6

欢迎使用WordPress。这是系统自动生成的演示文章。编辑或者删除它,然后开始您的博客!

share

AD