IE でコンテンツを切り取る固定幅の選択ドロップダウン
場合によっては、選択ドロップダウン要素には、指定された制限を超える幅が必要になる場合があります。その結果、コンテンツがカットされてしまいます。この問題の現れ方はブラウザごとに異なります。 Firefox は長い要素に合わせてドロップダウンの幅を調整しますが、IE6 と IE7 では幅が制限され、拡張された説明の読みやすさが妨げられます。
IE でこれに対処するには、CSS のみの手法と互換性がないため、JavaScript ソリューションが必要です。古いバージョンの IE。 1 つのアプローチは、最も長いオプションの幅を動的に計算し、ドロップダウンを開いたときにその幅に設定することです。これにより、すべてのオプションの説明に十分なスペースが確保されます。
次のコード例を考えてみましょう:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
|
このスクリプトにより、ドロップダウンの幅が最長のオプション テキストを収容できるように拡張され、ユーザーはすべてを読むことができるようになります。快適に説明します。
以上がInternet Explorer で切り取られた選択ドロップダウン コンテンツを修正する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。