css 怎么使浮动的板块居中啊

html-css09

css 怎么使浮动的板块居中啊,第1张

二种方法

1、父级div设置固定宽度后加margin:0 auto然后子级div加浮动,即可实现;不过次方法不能无限伸展;

2、在table内插入div,div设置浮动,在table上设置margin:0 auto而table不要设置宽度,因为table默认是宽度最小化的,实现居中的效果会比较好,而且可以无限伸展

注:有些老是说table不好,除非是做表格,其他地方绝对不要用,其实我个人是比较喜欢用table布局的,不过重点布局还是div+css,在一些容易出错的或者必须的地方用table也是不错的选择,人人都说div+css布局,我呢可以说是div+table+css布局

带有float的块元素是不能让它居中的,只能是左浮动,有浮动,如果想让它居中的话,你得把float去掉,然后加上 {margin: 0 auto}这个是居中显示的,意思是上下边距为0 ,左右边距自适应,这样它就相对于上一级的块元素居中显示了,最好你给这个块元素定义一个宽度。

<style>

div {position:absolute width:200px height:400px}

div.left {left:0 background-color:red}

div.center {left:50% margin-left:-100px background-color:green}

div.right {right:0 background-color:blue}

</style>

<div class="left">左</div>

<div class="center">中</div>

<div class="right">右</div>