好程序员分享居中一个float元素

为什么80%的码农都做不了架构师？>>>

好程序员分享居中一个float元素，我们布局的时候，用margin来设置float元素的外边距来达到效果。对于，在文档流中的元素，我们很容易让它水平居中，只要给元素设置一个固定的宽度，用margin:0 auto;就行了，这种技巧甚至在IE6中兼容得很好。

　　那么如何让浮动的元素水平居中呢?浮动元素脱离了文档流，上面的方法肯定是不行的。特地去网上查了一下，做为学习笔记记录下来我们布局的时候，用margin来设置float元素的外边距来达到效果。对于，在文档流中的元素，我们很容易让它水平居中，只要给元素设置一个固定的宽度，用margin: 0 auto;就行了，这种技巧甚至在IE6中兼容得很好。

　　那么如何让浮动的元素水平居中呢?浮动元素脱离了文档流。特地去网上查了一下，做为学习笔记记录下来

.outer {

float: left ;
postion: relative;
left: 50%
}
.inner {
float: left;
position: relative;
left: -50%;
/*right: 50%*/
}

转载于:https://my.oschina.net/530504/blog/3040405

好程序员分享居中一个float元素相关推荐

一个程序员分享8年的开发经验
[转]一个程序员分享8年的开发经验时间:2011-08-10 10:25 来源: 风尘浪子作者:风尘浪子围观: 635 次在中国有很多人都认为IT行为是吃青春饭的,如果过了30岁就很难有机 ...
java 快速从树节点找到数据_14期每日分享Java程序员分享超全哈希相关的知识
什么是每日分享? 饥人谷每天为大家带来一篇程序员分享!内容都来自于热爱编程.热爱生活的小伙伴们!分享的话题与编程.生活.兴趣.爱好.运动等相关! 想要每天都进步一点点的小伙伴们快点下关注吧! 今天的分 ...
好程序员分享如何看待CSS中BEM的命名方式?
好程序员分享如何看待CSS中BEM的命名方式?BEM的意识就是块(block).元素(element).修饰符(modifier),是由yandex团队提出的一种CSS Class命名方法. 任何一个 ...
好程序员分享Web前端知识之HTML
今天好程序员分享Web前端知识之HTML.Web前端技术由HTML.CSS和Javascript三大部分构成,而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者 ...
好程序员分享MySQL之SQL入门（一）
好程序员分享MySQL之SQL入门(一)前言:各种版本的数据库中,有一种通用的语言用于管理数据库中的数据,它就是SQL,本章我们将学习基本的SQL语句. SQL的概述 Structured Query ...
Java俄罗斯方块，老程序员花了一个周末，连接中学年代！
Java俄罗斯方块,老程序员花了一个周末,连接中学年代! 热门专栏推荐 [1]Java小游戏(俄罗斯方块.飞机大战.植物大战僵尸等) [2]JavaWeb项目实战(图书管理.在线考试.宿舍管理等) [ ...
好程序员分享做HTML5页面你要懂得这些
为什么80%的码农都做不了架构师?>>> 好程序员分享做HTML5页面你要懂得这些,很多人问过我这个问题,而问这个问题的人基本上都是刚听说过HTML5,处在懵懂的阶段,他们往往 ...
凡客诚品-工作经历程序员你有一个感恩的心吗？
<凡客诚品-工作经历程序员你有一个感恩的心吗?>,作者:dz45693,原文链接:http://www.cnblogs.com/majiang/archive/2012/11/27/27 ...
一位从业20年的程序员分享积累的20条编程经验
编者按:原文作者乔纳森·丹尼可(Jonathan Danylko)是一位自由职业的web架构师和程序员,编程经验已超过20年,涉足领域有电子商务.生物技术.房地产.医疗.保险和公用事业.正如乔纳森在文 ...

好程序员分享居中一个float元素

好程序员分享居中一个float元素相关推荐

最新文章

热门文章