给第一个DIV设左浮动！
第二个DIV也设左浮动！
第三个DIV就设右浮动了！
结构：
<div id="quanbu">
<div id="one"></div>
<div id="two"></div>
<div id="san"></div>
</div>
CSS代码：
#one{
float:left
width:200px
height:200px
background:#00FF00
}
#two{
margin-left:200px
float:left
width:200px
height:200px
background:#CCFF33
}
#san{
float:right
width:200px
height:200px
background:#FF0000
}
表格中数据的排列方式有两种：左右排列（水平对齐），上下排列（垂直对齐）。
左右排列是以ALIGN属性来设置；
上下排列则由VALIGN属性来设置。
其中左右排列的位置可分为三种：
居左（left)、居右(right)和居中(center)；
#=left, center, right
左右排列（水平对齐）代码示例：
<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD align=center>内容居中对齐</TD></TR>
<TR><TD style="text-align:center">内容居中对齐：css语法</TD></TR>
</TABLE>
上下排列基本上比较常用的有四种：
上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)
#=top，middle，bottom，baseline
上下排列（垂直对齐）代码示例：
<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD VALIGN=TOP>内容顶部对齐</TD></TR> <TR><TD style="vertical-align:top">内容顶部对齐：css语法</TD></TR> </TABLE>
可以用表格来控制，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title></title>
</head>
<body>
<form action="" method="post">
<table align="center">
<tr>
<td>用户名:</td>
<td><input type="text" name="name" value="" /></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="pass"/></td>
</tr>
<tr>
<td> </td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" name="submit" value="登陆"/>
</td>
</form>
</body>
</html>
html中都是用表格来控制布局的。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）