WEB前端

多个div并排中间留空隔

位置:首页 > WEB前端 > css教程,2014-03-26
多个div并排<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3

多个div并排

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body,td,th {
 font-size: 12px;
}
body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
#body_css{ width:320px; height:100px;}
#body_css div{ float:left; width:30%; height:100px; margin-left:4px;border:#F00 1px solid;}


-->
</style></head>


<body>
<div id="body_css">
    <div >1</div>
    <div>2</div>
    <div>3</div>
</div>
</body>
</html>


<!--margin-left:4px   表示中间留空隔-->

TAGS:多个div并排

猜你喜欢

NewHot