首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

关于JSP页面表格对齐有关问题

2012-02-01 
关于JSP页面表格对齐问题!table width100% border1trtd width10%div aligncenterfon

关于JSP页面表格对齐问题!
<table width="100%" border="1">
  <tr>
  <td width="10%"><div align="center"><font color="blue">采集时间</font></div></td>
  <td width="16%"><div align="center"><font color="blue">电流(A)</font></div></td>
  <td width="16%"><div align="center"><font color="blue">电压(V)</font></div></td>
  <td width="16%"><div align="center"><font color="blue">功率因素</font></div></td>
  <td width="16%"><div align="center"><font color="blue">有功功率(kW)</font></div></td>
  <td width="16%"><div align="center"><font color="blue">无功功率(kWar)</font></div></td>
  <td width="10%"><div align="center"><font color="blue">有功电量</font></div></td>
  </tr>
  </table>
  <table width="100%" border="1">
<tr>
  <td width="10%"><div align="center"><font color="blue">(月日时分)</font></div></td>
  <td width="4%"><div align="center"><font color="blue">A</font></div></td>
  <td width="4%"><div align="center"><font color="blue">B</font></div></td>
  <td width="4%"><div align="center"><font color="blue">C</font></div></td>
  <td width="4%"><div align="center"><font color="blue">%</font></div></td>
  <td width="4%"><div align="center"><font color="blue">A</font></div></td>
  <td width="4%"><div align="center"><font color="blue">B</font></div></td>
  <td width="4%"><div align="center"><font color="blue">C</font></div></td>
  <td width="4%"><div align="center"><font color="blue">%</font></div></td>
  <td width="4%"><div align="center"><font color="blue">总</font></div></td>
  <td width="4%"><div align="center"><font color="blue">A</font></div></td>
  <td width="4%"><div align="center"><font color="blue">B</font></div></td>
  <td width="4%"><div align="center"><font color="blue">C</font></div></td>
  <td width="4%"><div align="center"><font color="blue">总</font></div></td>
  <td width="4%"><div align="center"><font color="blue">A</font></div></td>
  <td width="4%"><div align="center"><font color="blue">B</font></div></td>
  <td width="4%"><div align="center"><font color="blue">C</font></div></td>
  <td width="4%"><div align="center"><font color="blue">总</font></div></td>


  <td width="4%"><div align="center"><font color="blue">A</font></div></td>
  <td width="4%"><div align="center"><font color="blue">B</font></div></td>
  <td width="4%"><div align="center"><font color="blue">C</font></div></td>
  <td width="10%"><div align="center"><font color="blue">(kWh)</font></div></td>
</tr>
然后从数据库取数据 循环插入到表格 计算都是对的 但是显示出来 就不能对齐了 ! 请问这个怎么解决啊 ?

下面是显示的表格图:
[img]http://p12.freep.cn/p.aspx?u=v20_p12_p_0809230932248225_0.jpg[/img]


[解决办法]

你用一个表不就可以了

<table width="100%" border="1"> 
<tr> 
<td width="10%"> <div align="center"> <font color="blue">采集时间 </font> </div> </td> 
<td colspan="4" width="16%"> <div align="center"> <font color="blue">电流(A) </font> </div> </td> 
<td colspan="4" width="16%"> <div align="center"> <font color="blue">电压(V) </font> </div> </td> 
<td colspan="4" width="16%"> <div align="center"> <font color="blue">功率因素 </font> </div> </td> 
<td colspan="4" width="16%"> <div align="center"> <font color="blue">有功功率(kW) </font> </div> </td> 
<td colspan="4" width="16%"> <div align="center"> <font color="blue">无功功率(kWar) </font> </div> </td> 
<td width="10%"> <div align="center"> <font color="blue">有功电量 </font> </div> </td> 
</tr> 
  
<tr> 
<td width="10%"> <div align="center"> <font color="blue">(月日时分) </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">A </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">B </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">C </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">% </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">A </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">B </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">C </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">% </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">总 </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">A </font> </div> </td> 


<td width="4%"> <div align="center"> <font color="blue">B </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">C </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">总 </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">A </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">B </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">C </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">总 </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">A </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">B </font> </div> </td> 
<td width="4%"> <div align="center"> <font color="blue">C </font> </div> </td> 
<td width="10%"> <div align="center"> <font color="blue">(kWh) </font> </div> </td> 
</tr>
</table>

热点排行