UC知道两个DIV横向并列居中
来源：百度知道 编辑：UC知道 时间：2024/06/03 11:30:43
如下：
<div id="1">
<div id="2"></div>
<div id="3"></div>
</div>
怎样写div1,2,3的CSS使2和3水平并列居中
<div id="1">
<div id="2"></div>
<div id="3"></div>
</div>
怎样写div1,2,3的CSS使2和3水平并列居中
float:left;
加些代码，演示一下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>test</title>
<style type="text/css">
<!--
body{text-algin:center;}
div{height:300px;line-height:300px;text-align:center;}
-->
</style>
</head>
<body>
<div id="1" style="border:#000 solid 1px;padding:5px;width:500px;margin:0px auto;">
<div id="2" style="float:left;background:#ff0000;width:120px;">2红色</div>
<div id="3" style="background:#ccc;margin-left:120px;">3灰色</div>
</div>