テーブルの最大幅と最小幅を設定する際の互換性の問題と解決策の詳細な説明
|
テーブル内の min-width と max-width プロパティの設定
<テーブル>
<tr><td>1</td><td>2</td></tr>
</テーブル>
テーブル{最小幅:60%;最小幅:100%;}
しかし、Chrome は max-width と互換性がなく、IE7 はどちらとも互換性がありません。 解決策: テーブルをdivで囲み、divにmin-widthとmax-widthを設定します。
<div class="table-wrap">
<テーブル>
<tr><td>1</td><td>2</td></tr>
</テーブル>
</div>
.table-wrap{幅:500px;最小幅:60%;最小幅:100%;}
.table-wrap テーブル{幅:100%;}これで、テーブルの最大幅と最小幅の設定に関する互換性の問題と解決策に関するこの記事は終わりです。テーブルの最大幅と最小幅に関するより関連性の高いコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。 |
<<: Dapr を使用してマイクロサービスをゼロから簡素化する例
>>: CSSスタイルシートを効率的に使用するためのヒント: スタイルシートの力を最大限に活用する
推薦する
MySQL初心者はグループ化や集計クエリの煩わしさから解放されます
目次1. グループクエリの概略図2. groupbyキーワード構文の詳細な説明3. 簡単なグループク...
CSS を使用して複数の方法で下揃えを実装するサンプル コード
会社のビジネス要件により、次の図の赤い領域の効果を達成する必要があります。 効果の説明: 1. 赤い...
jQueryはテーブル行データのスクロール効果を実現します
この記事の例では、テーブル行データのスクロール効果を実現するためのjQueryの具体的なコードを参考...
Navicat for MySQL チュートリアル
まず、Navicat for MySQL をダウンロードしてインストールする必要があります。正規版の...
Vuex でゲッターとアクションを使用するための追加手順
予備的注釈1.Vue2.xとVue3.xの違い: Vue 3.x にはヘルパー関数はありません。 V...
Vue3のdefineComponentの役割についての簡単な説明
目次defineComponent オーバーロード関数開発実務defineComponent 関数は...
JS を使用して要素が配列であるかどうかを判断する例
検証できるデータの種類は次のとおりです a = [1,2,3,4,5,6]とします。 b = [とし...
uniappは録音アップロード機能を実現
目次uni-app の紹介HTML部分js部分インスタンスを作成する録音を開始録音終了録音を再生再生...
MySQL 8.0 のユーザーとロールの管理原則と使用方法の詳細
この記事では、MySQL 8.0 のユーザーとロールの管理について例を挙げて説明します。ご参考までに...
AES_ENCRYPT() と AES_DECRYPT() を使用して MySQL を暗号化および復号化する正しい方法の例
序文最近、仕事でAES_ENCRYPT()関数を使用してプレーンテキストを暗号化し、MySQL に保...
JavaScript における正規表現の実際的な応用の詳細な説明
実際の業務では、JavaScript の正規表現が依然として頻繁に使用されます。したがって、この部分...
Nginx コンパイル済み nginx - 新しいモジュールを追加
1. 既存のモジュールを表示する nginx の sbin ディレクトリに nginx の sbin...
JS はランダム点呼システムを実装します
参考までに、JSを使用してランダム点呼システムを実装します。具体的な内容は次のとおりです。毎回の授業...
JavaScript実行メカニズムの詳細な紹介
目次1. プロセスとスレッドの概念2. ブラウザの原則3. 同期と非同期4. 実行スタックとタスクキ...
Vue が値を返してフォームを動的に生成し、データを送信する仕組みの詳細な説明
目次解決された主な問題1. バックエンドから返され、バックエンドに送信されるデータは、次の形式になり...