0

私は持っている：

<div id = "first" style="overflow-y:auto;">
<td colspan="2" style="background: #EFF4F8;"><div
id="second" style='height: 100px; word-wrap: break-word; overflow-y: auto; width: 100%; min-width: 580px; line-height: 200%;'>
<pre style="white-space: pre-wrap;">${some_text}</pre>
</div></td>
</div>

「some_text」の幅が画面よりも大きいため、すべての画面でスクロールする場合、スクロールは div ="second" または pre タグに対してのみ必要です。問題は、div="first" を変更できないことです。そのまま使用する必要があります。手伝って頂けますか？

ありがとう、

4

2 に答える 2

0

マークアップが間違っているようですが、これが解決策になるはずです。それがどうなるか教えてください。あなたのニーズに合わせて答えを更新します。CSS を使用します。

CSS

#first {
    overflow-y:auto;
}

#second {
    height: 100px;
    word-wrap: break-word;
    overflow-y: scroll;
    width: 100%; /* This might still mess up the overflows of parent- and child-tags in different browsers */
    min-width: 580px; /* This does not work well in all browsers */
    line-height: 200%;
}

#second pre {
    white-space: pre-wrap;
}

HTML

<div id="first">
    <table>
        <tbody>
            <tr>
                <td colspan="2" style="background: #EFF4F8;">
                    <div id="second">
                        <pre>${some_text}</pre>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
于 2013-03-07T08:38:49.200 に答える
0

幅を横切ってスクロールしたい、つまり水平スクロールバーです。オーバーフローxを追加する必要があります

于 2013-03-07T09:03:04.893 に答える