跨浏览器实现float:center

原文:
http://www.macji.com/blog/article/to-achieve-cross-browser-css-float-center/to-achieve-cross-browser-css-float-center/

我们都知道float:left和float:right,但是否想过float:center呢?居中浮动。。。

XML/HTML代码
  1. <div id="macji">  
  2.     <ul class="macji-skin">  
  3.         <li>列表一</li>  
  4.         <li>列表二</li>  
  5.         <li>列表三</li>  
  6.     </ul>  
  7. </div>  

我们希望实现li是浮动的,并且居中的(li个数不固定,ul宽度未知)。可以设置ul的text-align:center,再设置li的display,可以实现居中,但这样不是我们的初衷,我们需要实现float:center。

这里我们得先重温一下position:relative,它将依据left,right,top,bottom等属性在正常文档流中偏移位置。那我们可以让ul为position:relative;left:50%,然后再让li像左浮动,在让它position:relative;right:50%(或者left:-50%),那么li就像向中间浮动一样居中了。废话不多说,先试试。

CSS代码
  1. #macji{   
  2.     position:relative;   
  3.     width:100%;   
  4.     height:80px;   
  5.     background-color:#eee;   
  6.     text-align:center;   
  7.     overflow:hidden;   
  8. }   
  9. #macji .macji-skin{   
  10.     float:left;   
  11.     position:relative;   
  12.     left:50%;   
  13. }   
  14. #macji .macji-skin li{   
  15.     position:relative;   
  16.     rightright:50%;   
  17.     float:left;   
  18.     margin:10px;   
  19.     padding:0 10px;   
  20.     border:solid 1px #000;   
  21.     line-height:60px;   
  22. }   

查看演示

扩展阅读:
http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support

眼疼 笑地…~

1.幸福就是猫吃鱼,狗吃肉,奥特曼打小怪兽
2.代沟就是我问老爸:"你觉得菊花台怎麽样?"老爸:"…没喝过…"
3.自信就是下辈子我一定要投胎做男人然后找个我这样的女人
4.无奈就是法官:你为什么印假钞?罪犯无辜地说:因为我不会印真钞…
5.无语就是中午食堂点两个菜,吃了第一个我震撼了:"世界上还有比这更难吃的吗?"吃了第二个我哭了,"还真有啊..

公交车上超级挤的,有一对夫妻站在门口,从车后面挤过来一个GG要下车,跟那女的说了一句“让一下,下车”,那个女滴木有动。GG挤过去时就踩到她了。结果那女人好厉害的,不停的骂“神经病啊你!神经病啊你!~~”,还超大声,搞得全车都看呀,GG一直木有说话,下车时忍不了了,回头对那女人说,“复读机呀你!”全车人暴笑~!   后来后边有几个搞笑的小孩,不停的伴演刚才的一幕,甲说“你神经病呀你!。。。。。乙说“你复读机呀你”。。。。。。全车人暴笑~!   后来,有个小MM也要下车,挤过去怯怯滴说“我…我..我想想下车,我不是神经病~!”全车人再次暴笑~!那个女人木有说话,可是从边上飘来一句话“你是不是没电了”全车人暴笑不止。

 
在公共汽车上,由于拥挤一男一女发生了碰撞。时髦女郎回头飞眼道:“你有病啊?”男子觉得莫名其妙回道:“你有药啊?”车上人窃笑!女子生气的回道:“你有精神病啊?”男子冷面对道:“你能治啊?”全车人爆笑!公交司机停车,趴在方向盘上大笑。

马云经典语录摘要

  业内对马云的评价是:一个有着和拿破仑一样身高,也同样有着和拿破仑一样宏图大志的杭州人。这位最早在中国开拓电子商务应用并坚守在互联网领域的企业家,曾经创造了中国互联网商务的众多第一。

  奇迹之上如何再生奇迹?06年8月11日,阿里巴巴雅虎在北京宣布签署合作协议。 阿里巴巴收购雅虎中国全部资产,同时得到雅虎10亿美元投资,阿里巴巴还获得雅虎品牌在中国无限期使用权。

  11月9日,阿里巴巴公司在完成对雅虎中国的收购与整合之后,重新发布了进入中国市场7年之久的雅虎网站,未来雅虎在中国的业务重点将全面转向搜索领域。

  至此,马云终于重重地在雅虎中国身上打下了自己的烙印。

  *孙正义跟我有同一个观点,一个方案是"一流的Idea加三流的实施";另外一个方案,"一流的实施,三流的Idea",哪个好?我们俩同时选择"一流的实施,三流的Idea"。

  *如何把每一个人的才华真正地发挥作用,我们这就像拉车,如果有的人往这儿拉,有的人往那儿拉,互相之间自己给自己先乱掉了。当你有一个傻瓜时,很傻的,你很会很痛苦;你有50个傻瓜是最幸福的,吃饭、睡觉、上厕所排着队去的;你有一个聪明人时很带劲,你有50个聪明人实际上是最痛苦的,谁都不服谁。我在公司里的作用就象水泥,把许多优秀的人才粘合起来,使他们力气往一个地方使。

  *网络公司将来要判断两个:第一它的team;第二,它有technology;第三它的concept,拥有这些东西,才是存在的必要。

  *Judge 一个人, 一个公司是不是优秀,不要看他是不是Harvard,是不是Stanford.不要judge里面有多少名牌大学毕业生,而要judge这帮人干活是不是发疯一样干,看他每天下班是不是笑眯眯回家。

  *30%的人永远不可能相信你。不要让你的同事为你干活,而让我们的同事为我们的目标干活,共同努力,团结在一个共同的目标下面,就要比团结在你一个企业家底下容易的多。所以首先要说服大家认同共同的理想,而不是让大家来为你干活。

  *我认为,员工第一,客户第二。没有他们,就没有这个网站。也只有他们开心了,我们的客户才会开心。而客户们那些鼓励的言语,鼓励的话,又会让他们像发疯一样去工作,这也使得我们的网站不断地发展。

  *看见10只兔子,你到底抓哪一只?有些人一会儿抓这个兔子,一会儿抓那个兔子,最后可能一只也抓不住。CEO 的主要任务不是寻找机会而是对机会说NO。机会太多,只能抓一个。我只能抓一只兔子,抓多了,什么都会丢掉.

  *我们公司是每半年一次评估,评下来,虽然你的工作很努力,也很出色,但你就是最后一个,非常对不起,你就得离开。在两个人和两百人之间,我只能选择对两个人残酷。

  *您能用一句话概括您认为员工应该具备的基本素质吗?今天阿里巴巴的员工我们要求诚信,学习能力,乐观精神,和拥抱变化的态度!

  *互联网是四乘一百米接力赛,你再厉害,只能跑一棒,应该把机会给年轻人。

  *在前一百米的冲刺中,谁都不是对手,是因为跑的三千米的长跑。你跑着跑着,跑了四五百米后才能拉开距离的。

  *我们花了两年的时间打地基,我们要盖什么样的楼,图纸没有公布过,但有些人已经在评论我们的房子怎么不好。有些公司的房子很好看, 但地基不稳,一有大风就倒了。

  *我们与竞争对手最大的区别就是我们知道他们要做什么,而他们不知道我们想做什么。我们想做什么, 没有必要让所有人知道。

  *网络上面就一句话,光脚的永远不怕穿鞋的。

  *今天要在网上发财,概率并不是很大,但今天的网络,可以为大家省下很多成本。这个世界没有人能替你发财,只有你自己才能替你发财,你需要的是投资和投入,spend time,invest time,on the internet,把自己的时间投资在网络上面,网络一定会给大家省钱,但不一定今天就能赚多少钱,赚钱是明天的事,省钱,你今天就看得到。

  *电子商务最大的受益者应该是商人,我们该赚钱因为我们提供工具,但让我们做工具的人发了大财,而使用工具的人还糊里糊涂,这是不正常的。所谓新经济,就是传统企业利用好网络这个工具,去创造出更大的经济效益,使其成几十倍地增长,这才是真的新经济的到来。今天新旧经济是两张皮。

  *互联网上失败一定是自己造成的,要不就是脑子发热,要不就是脑子不热,太冷了。

  *我觉得网络公司一定会犯错误,而且必须犯错误,网络公司最大的错误就是停在原地不动,最大的错误就是不犯错误。关键在于总结我们反思各种各样的错误,为明天跑的更好,错误还得犯,关键是不要犯同样的错误。

  *我们是教人钓鱼,而不是给人鱼。

  *企业家是在现在的环境,改善这个环境,光投诉,光抱怨有什么用呢?国家现在要处理的事情太多了,失败只能怪你自己,要么大家都失败,现在有人成功了,而你失败了,就只能怪自己。就是一句话,哪怕你运气不好,也是你不对。

  *中国电子商务的人必须要站起来走路,而不是老是手拉手,老是手拉着手要完蛋。

  *我们知道当时可以敲几个锣,就可以围那么多人的时候,锣都敲得好,把戏还能不好? 敲锣都敲出花来了。

  *我是说阿里巴巴发现了金矿,那我们绝对不自己去挖,我们希望别人去挖,他挖了金矿给我一块就可以了。

  *我深信不疑我们的模式会赚钱的,亚马逊是世界上最长的河,8848是世界上最高的山,阿里巴巴是世界上最富有的宝藏。一个好的企业靠输血是活不久的,关键是自己造血。

  *我们说上市就像我们的加油站,不要到了加油站,就停下来不走,还得走,继续走。

  *互联网是影响人类未来生活30年的3000米长跑,你必须跑得像兔子一样快,又要像乌龟一样耐跑。

  *我为什么能活下来?第一是由于我没有钱,第二是我对INTERNET一点不懂,第三是我想得像傻瓜一样。

  *发令枪一响,你是没时间看你的对手是怎么跑的。只有明天是我们的竞争对手。

  *如果早起的那只鸟没有吃到虫子,那就会被别的鸟吃掉。

  *"If not now,when?If not me,who?"?

  *互联网像一杯啤酒,有沫的时候最好喝。

  *听说过捕龙虾富的,没听说过捕鲸富的。

  *我们不能企求于灵感。灵感说来就来,就像段誉的六脉神剑一样。

  *阿里巴巴的六脉神剑就是阿里巴巴的价值观:诚信、敬业、激情、拥抱变化、团队合作、客户第一。

  *我永远相信只要永不放弃,我们还是有机会的。最后,我们还是坚信一点,这世界上只要有梦想,只要不断努力,只要不断学习,不管你长得如何,不管是这样,还是那样,男人的长相往往和他的的才华成反比。今天很残酷,明天更残酷,后天很美好,但绝对大部分是死在明天晚上,所以每个人不要放弃今天。

  *男人的长相往往和他的的才华成反比

  *在我看来有三种人,生意人:创造钱;商人:有所为,有所不为。企业家:为社会承担责任。企业家应该为社会创造环境。企业家必须要有创新的精神。

  *三年以前我送一个同事去读MBA,我跟他说,如果毕业以后你忘了所学的东西,那你已经毕业了。如果你天天还想着所学的东西,那你就还没有毕业。学习MBA的知识,但要跳出MBA的局限。

  *对所有创业者来说,永远告诉自己一句话:从创业得第一天起,你每天要面对的是困难和失败,而不是成功。我最困难的时候还没有到,但有一天一定会到。困难不是不能躲避,不能让别人替你去抗。九年创业的经验告诉我,任何困难都必须你自己去面对。创业者就是面对困难。

  *ebay是大海里的鲨鱼,淘宝则是长江里的鳄鱼,鳄鱼在大海里与鲨鱼搏斗,结果可想而知,我们要把鲨鱼引到长江里来。"

  *一个公司在两种情况下最容易犯错误,第一是有太多的钱的时候,第二是面对太多的机会,一个CEO看到的不应该是机会,因为机会无处不在,一个CEO更应该看到灾难,并把灾难扼杀在摇篮里。

  *淘宝网的主业决不该放在与对手的竞争上,而是把眼睛盯在提升客户体验上。

  *上世纪80年代挣钱靠勇气,90年代靠关系,现在必须靠知识能力!

  五年前的马云谈到B2C 和C2C的时候丝毫不心动,在论坛上还试图说服8848创始人王峻涛、谭智相信B2C 和C2C没有前途。互联网似乎和马云开了一个玩笑,让他去做自己原先最不看好的事情。"不是我不明白,这世界变化快",马云发出了这样的感叹,"主要是形势的变化太快了,我只能与时俱进"。 "既然B2B在中国能够成功,我想在大环境改变的形势下再试试C2C",对于新进入的C2C领域,马云这样解释。"在全球范围内,基于个人网上交易服务的模式已经成为互联网产业最为重要的领域,美国的亚马逊、Ebay,日本雅虎均在行业内具有举足轻重的地位,以中国上网人口的庞大基数,中国也应该有可能造就一个巨大的个人网上交易市场",马云进入角色似乎很快,经过半年多的考察,他对C2C的前景很是看好。

  马云丝毫不避讳拿淘宝网和易趣对比,"一口价、拍卖、买卖街这些模式我们都会采用,当然也会采用易趣开始运行的免费策略,时机合适的时候我们会收费,很可能是三年之后。"(完)