老掉牙的问题

在JSP页面上显示数据。
用一个Table做标题。如：行号，职员编号，职员姓名，地址等等信息。
下面用一个层内建一个Table显示数据，但是标题的Table的列和数据的层内Table的列很难对齐？
比例一样也不行，像素一样也不行？

解决方案 »

  1.   

    为嘛非要用层呢，用同一个table或紧跟一个table不一样?
      

  2.   

    如果数据很多，就要拉下滚动条，上面的标题就看不到了，效果不一样啊。
    这时用层，层有个 overflow:auto属性，标题不动，数据很多时，层有自己的滚动条。
    就像Excel的冻结窗口。标题不动，滚动条可以一直向下拉。
      

  3.   

    应该不行啦，数据很长的时候，下面的显示数据的Table的行宽会自动的增大一点。
      

  4.   

    不用两个table，直接在层里面增加tr行不行？
      

  5.   

    <div style="width:100%;" align="center">
      

  6.   

    To:llbb2000go(llbb2000go)
    ---------------------------
    在层里加<tr></tr>也试过了。不行的，效果跟没用到层是一样的。
      

  7.   

    To:melody1111() 
    To:phpcool(侠客飞)
    ------------------
    这设置不行，我也直接设置了DIV一个很大的WIDTH，只要数据不太长，也就是不超过<tr>预设行宽时，就可以对齐，数据太长了，<tr>预设行宽就不中用了，自动的增大了一点。
      

  8.   

    遇到过和你一样的问题，后来，是指定了宽度就可以了。<html>
    <head>
    <title>Good List</title>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=shift_jis">
    <META HTTP-EQUIV="Language" CONTENT="ja">
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    検索結果<br>
    <br>
    <table border="1" width="600">
      <tr>
        <td width=20% align=center>Top</td>
        <td width=40% align=center>＜＜</td>
        <td width=30% align=center>＞＞</td>
        <td width=10% align=center>End</td>
      </tr>
    </table>
    <table border="1" width="600">
      <tr>
        <td align="center" width="20%"><a href="">↑</a>商品ID<a href="">↓</a></td>
        <td align="center" width="40%"><a href="">↑</a>商品名<a href="">↓</a></td>
        <td align="center" width="30%"><a href="">↑</a>カテゴリ<a href="">↓</a></td>
        <td align="center" width="10%">変更</td>
      </tr>
      <tr >
        <td >中国，中国，ABCD中国，中国，中国，中国，中国，中国，中国，中国，ABCD中国，中国，中国，中国，中国，中国，中国，中国，ABCD中国，中国，中国，中国，中国，中国，</td>
        <td >
          <a href="">中国，中国，ABCD中国，中国，中国，中国，中国，中国，</a>
        </td>
        <td >香水</td>
        <td >
          <input type="submit" value="変更">
        </td>
      </tr>
      <tr >
        <td >中国，中国，ABCD中国，中国，中国，中国，中国，中国，</td>
        <td >
          <a href="">中国，中国，ABCD中国，中国，中国，中国，中国，中国，</a>
        </td>
        <td >中国，中国，ABCD中国，中国，中国，中国，中国，中国，</td>
        <td >
          <input type="submit" value="変更">
        </td>
      </tr>
    </table></body>
    </html>但是，假如单元格里面的是英数字，就不对了。
      

  9.   

    哈哈，英数字的方法也找到了。<html>
    <head>
    <title>Good List</title>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=shift_jis">
    <META HTTP-EQUIV="Language" CONTENT="ja">
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    検索結果<br>
    <br>
    <table border="1" width="600">
      <tr>
        <td width=20% align=center>Top</td>
        <td width=40% align=center>＜＜</td>
        <td width=30% align=center>＞＞</td>
        <td width=10% align=center>End</td>
      </tr>
    </table>
    <table border="1" width="600">
      <tr>
        <td align="center" width="20%"><a href="">↑</a>商品ID<a href="">↓</a></td>
        <td align="center" width="40%"><a href="">↑</a>商品名<a href="">↓</a></td>
        <td align="center" width="30%"><a href="">↑</a>カテゴリ<a href="">↓</a></td>
        <td align="center" width="10%">変更</td>
      </tr>
      <tr >
        <td style="word-break:break-all;">11111111111111111111111111232322222222222222</td>
        <td >
          <a href="">中国，中国，ABCD中国，中国，中国，中国，中国，中国，</a>
        </td>
        <td >香水</td>
        <td >
          <input type="submit" value="変更">
        </td>
      </tr>
      <tr >
        <td >中国，中国，ABCD中国，中国，中国，中国，中国，中国，</td>
        <td >
          <a href="">中国，中国，ABCD中国，中国，中国，中国，中国，中国，</a>
        </td>
        <td >中国，中国，ABCD中国，中国，中国，中国，中国，中国，</td>
        <td >
          <input type="submit" value="変更">
        </td>
      </tr>
    </table></body>
    </html>
    就是添加了CSS的word-break属性。哈哈。开心。