固定テーブル幅テーブルレイアウト: 固定
|
テーブルを画面全体（残りの空白領域）に表示するために、幅属性は 100% と定義されることが多く、セルもパーセンテージを使用して定義されます。 しかし、これによって問題が発生します。セル内のテキストが幅の制限を超えると、テキストは自動的に折り返され、高さも自動的に増加するため、表全体のスタイルが不均一で見苦しくなります。 明らかな解決策は、テキストの折り返しを無効にすることです: white-space:nowrap; overflow:hidden; とても簡単です! しかし、効果はまだ予想外です。すべてのテキストが 1 行に表示され、幅が自動的に広げられ、親コンテナーを超えてしまいます。オーバーフローはまったく機能しません! どうしたの？ それはパーセンテージによるのでしょうか? ただし、静的な固定幅を使用すると、テーブルの柔軟性が失われます。 そのため、大きな労力をかけずに究極の解決策が見つかりました: テーブル幅を固定: table-layout: fixed; ちなみに、簡単な効果図を作ったので参考にしてください。  |
<<: VMWare仮想マシンのcentosの時間が現地時間と矛盾する問題を解決する
>>: CSS が複数のクラスに一致する方法のサンプルコード
推薦する
Dockerコンテナ同士を接続する3つの方法の詳しい説明
Docker コンテナ間の相互接続と通信には 3 つの方法があります。 Docker 内部ネットワー...
Nest.js 環境変数の設定とシリアル化の詳細な説明
環境変数の設定の簡単な説明プログラムは、環境によって異なる環境変数を必要とします。たとえば、実稼働環...
無効と読み取り専用で入力を読み取り専用に設定する
読み取り専用入力を実現するには、無効と読み取り専用の 2 つの方法があります。当然、どちらの結果も読...
JS hasOwnProperty() メソッドは、プロパティがオブジェクト自身のプロパティであるかどうかを検出します。
JavaScript の hasOwnProperty() メソッドは、Object のプロトタイ...
時刻を保存するために適切な MySQL の datetime 型を選択する方法
データベースを構築してプログラムを書くとき、日付と時刻の使用は避けられません。データベースには、ti...
Windows 64 ビットに MySQL を再インストールするチュートリアル (Zip バージョン、解凍バージョンの MySQL インストール)
MySQLをアンインストールする1. コントロールパネルで、MySQLのすべてのコンポーネントをア...
Docker で Node プロジェクトをビルドしてデプロイする方法
目次DockerとはクライアントサイドDocker基本的なDocker操作画像名画像をプルするその他...
MySQLデータベースがNULLを可能な限り避ける理由
MySQL の多くのテーブルには、NULL が列のデフォルト属性であるため、アプリケーションが NU...
Dockerのyumソースの設定とCentOS7へのインストールの詳細な説明
ここではCentOS7が使用されており、カーネルバージョンは [root@localhost ~]#...
JS 配列の重複を排除する 9 つの高度な方法 (実証済みで効果的)
序文一般的な方法はここには記載されていませんが、等しいかどうかを判断するための二重ループや、比較のた...
JavaScript における正規表現の実際的な応用の詳細な説明
実際の業務では、JavaScript の正規表現が依然として頻繁に使用されます。したがって、この部分...
VMWARE で Centos8 仮想マシンをコピーすることによって発生する IP 損失の問題の解決策
VMwareでcentos8サービスをインストールしてコピーすると、次の問題が発生します。 コピー前...
データベースを削除せずにMySQLのすべてのテーブルを素早く削除する方法
この記事では、例を使用して、データベースを削除せずに MySQL 内のすべてのテーブルをすばやく削除...
Webスキル: 複数のIEバージョンの共存ソリューション IETester
私のおすすめ複数のIEバージョンの共存のためのソリューション以前に IE6、IE7、IE8 の共存に...
SQL重複排除方法の概要
SQL を使用してデータを抽出する場合、テーブル内で重複した値に遭遇することがよくあります。たとえ...