UC知道如何让JSP页面中左右在同一水平线
来源：百度知道 编辑：UC知道 时间：2024/05/27 04:16:58
假如左侧是用户登陆，右侧是广告，怎么写广告的代码能使它与用户登陆在同一水平线
<p>
<div align="left">
<table border bgcolor="#7CA9F3"width="30%">
<th>
<h4>用户注册登记表</h4>
<div align="letf"><a href="zhuce.jsp">注册</a></div>
<form name="form1"method="post"action="denglu.jsp">
<table border="0">
<tr>
<td width="5%">用户名：</td>
<td width="20%"><input type="text"name="username"></td>
</tr>
<tr>
<td width="5%">密 码：</td>
<td width="20%"><input type="password"name="key"></td>
</tr>
<td width="10%"><input type="reset"name="Reset"valu
<p>
<div align="left">
<table border bgcolor="#7CA9F3"width="30%">
<th>
<h4>用户注册登记表</h4>
<div align="letf"><a href="zhuce.jsp">注册</a></div>
<form name="form1"method="post"action="denglu.jsp">
<table border="0">
<tr>
<td width="5%">用户名：</td>
<td width="20%"><input type="text"name="username"></td>
</tr>
<tr>
<td width="5%">密 码：</td>
<td width="20%"><input type="password"name="key"></td>
</tr>
<td width="10%"><input type="reset"name="Reset"valu
建议使用CSS代码定位。
其实CSS定位Div是很容易的，效果也很好，它的实现与html代码分离，也便于维护。
如给用户登录div设定id=div1，广告div设定id=div2，
<style type="text/css">
#div1{
float:left;/*左置*/
width:200px;/*宽*/
height:100px;/*高*/
border:2px solid #000000;/*边框粗细 实心线 边框颜色*/
margin-top:20px;/*其顶部与包含此元素容器的距离为20像素*/
}
#div2{
float:right;/*右置*/
width:200px;
height:100px;
border:2px solid #000000;
margin-top:20px;
}
</style>
将以上代码加入到<head></head>元素中即可，也可编写为独立的Css文件，在html中连接也可。