表中的固定分隔線

我在表格中遇到了一些麻煩，因爲我似乎無法在文字增加的情況下固定分隔線。隨着文本變長，它會將分隔線移動幾個像素。我會發布幾個屏幕截圖供您查看。表中的固定分隔線

Screenshot

中加入了一些文本後：

Screenshot

它變成這樣。那麼有沒有人可以幫助我呢？順便說一句，這是我的代碼

<table border="2" style='overflow:scroll' height=50px > 
     <th width=100px nowrap>Username</th> 
     <th width=100px nowrap>Email</th> 
</table> 
     <div style="height: 200px; overflow: scroll; width: 100%;"> 
<table border="2" style='overflow:scroll' height=200px >  
    <g:each in="${result}" > 
    <tr> 
     <td width=100px nowrap style='overflow:hidden'>${it.username}aaaaaaaa</td> 
     <td width=100px nowrap style='overflow:hidden'>${it.email}</td> 
    </tr>  
     </g:each> 
</table>

我想卸下底部的滾動條，但我卻似乎無法掩飾這一點。

來源

2012-11-05 user1681961

1）爲了除去底部滾動條變化溢出：滾動到overflow-y:scroll或overflow:auto

2）要修復寬度問題要麼把TD的寬度屬性在樣式屬性（推薦）

style='overflow:hidden; width:100px'

集width='100'只有無字px

來源

2012-11-05 06:50:21

感謝您的回覆！我已經解決了滾動條的問題。然而，運輸署的問題仍然存在。我需要有一個固定的寬度。因爲有更長的文本的數據，並且它影響行的witdh。那麼有沒有什麼辦法可以在不影響文字的情況下修正寬度？ – user1681961

添加單詞換行：分詞;屬性到TD風格屬性 –

非常感謝你！ – user1681961

表中的固定分隔線

回答

相關問題