还在苦苦敲代码开发APP?你out啦! 试试积木搭建APP吧~

div布局居中的方法

来源:清泛原创     2016-05-31 15:46:52    人气:     我有话说( 0 人参与)

本文简单介绍一种万能的div居中的方法,背景div横铺float:left,然后指定显示div宽度并设置margin:auto。

思路:背景div横铺float:left,然后指定显示div宽度并设置margin:auto。代码如下:

<div class="testbg">
  <div class="test"/>
</div>

<style>
<!--
.testbg{
	position:relative;
	width:100%;
	float:left;
}
.testbg .test{
	position:relative;
	width:1000px;
	height:60px;
	margin:auto;
}
-->
</style>

大家遇到div无法居中的情况可以试试。

div+css 布局 div居中

注:本文为本站或本站会员原创优质内容,版权属于原作者及清泛网所有,
欢迎转载,转载时须注明版权并添加来源链接,谢谢合作! (编辑:admin)
分享到: