0

テキストが増えるにつれて仕切りを修正できないように見えるため、テーブルに問題があります。テキストが長くなると、仕切りが数ピクセル移動します。ご覧いただけるように、スクリーンショットをいくつか投稿します。

スクリーンショット

にテキストを追加した後：

スクリーンショット

こんな感じになります。それで、これで私を助けることができる誰かがそこにいますか？ところで、これは私のコードです

 <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>

下のスクロールバーも削除したかったのですが、隠すこともできないようです。

4

1 に答える 1

1

overflow-y:scroll1）下部のスクロールバーを削除するには、オーバーフローを変更します：またはにスクロールしますoverflow:auto

2）幅の問題を修正するには、TDのwidthプロパティをスタイル属性に配置します（推奨）

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

また

width='100'単語pxなしでのみ設定

于 2012-11-05T06:50:21.460 に答える