CSS--overflow:hidden のプロジェクト例
|
以下は、私のプロジェクトでこのプロパティを使用する方法の例です。 （１）激しく透明な浮遊 コードをコピー コードは次のとおりです。<スタイル タイプ="text/css"> .wrap {オーバーフロー: 非表示;ズーム:1;背景色: #ccc;} .wrap p {float: left;} </スタイル> コードをコピー コードは次のとおりです。<div class="wrap"> <p>CSS のテスト</p> </div> （２）余白の崩れを防ぐ コードをコピー コードは次のとおりです。<スタイル タイプ="text/css"> 本文、p {パディング: 0;マージン: 0;} .wrap {オーバーフロー: 非表示;ズーム:1;背景色: #ccc;} .wrap p {マージン上部: 20px;} </スタイル> <div class="wrap"> <p>CSS のテスト</p> </div> （３）IE-6で1pxの高さのブロック要素を定義する問題を解決する コードをコピー コードは次のとおりです。<スタイル タイプ="text/css"> .line {高さ: 1px;背景色: #ccc;オーバーフロー: 非表示;} </スタイル> <div class="line"></div> （4）2列レイアウトを作成する コードをコピー コードは次のとおりです。<スタイル タイプ="text/css"> div {高さ: 500px;} .left {float: left;背景色: #000;幅: 200px;右余白: 5px;} .right {オーバーフロー: 非表示;ズーム:1;背景色: #ccc;} </スタイル> <div class="left"></div> <div class="right"></div> |
>>: 高性能な HTML アプリケーションを作成するためのヒント
推薦する
タイプファイルの入力ボタン機能の研究
<br />一部のWebサイトでアップロードする場合、「参照」ボタンをクリックすると[フ...
React tsx はランダムな検証コードを生成します
React tsxは参照用にランダムな検証コードを生成します。具体的な内容は次のとおりです。最近、t...
Nginx のアクセス制御とパラメータ調整方法
Nginx グローバル変数Nginx には、$variable 名を通じて使用できるグローバル変数が...
MySql バッチに挿入するときにデータの重複を避ける方法
目次序文1. ignore を挿入2. 重複キーの更新時3. を置き換える要約する序文Mysql は...
JavaScript キャンバスで 9 マスのグリッドカットの効果を実現
この記事では、9グリッドカット効果を実現するためのキャンバスの具体的なコードを紹介します。具体的な内...
Apache Bench ストレステストツールの実装原理と使用状況分析
1: スループット（1秒あたりのリクエスト数）サーバーの同時処理能力を定量的に表したもので、reqs...
ウェブページ上でデスクトップ exe プログラムを呼び出す簡単な方法
この記事では主に、Web ページ上でデスクトップ exe プログラムを呼び出す方法を紹介します。 W...
MySQL 5.7 のキーワードと予約語の詳細な説明
序文MySQL と Oracle のキーワードはまったく同じではありません。Oracle データベー...
MySQL mysqladmin クライアントの使用の概要
目次1. サーバーの状態を確認します。 2. ルートパスワードを変更します。 3. mysqlser...
Dockerでmysqlのルートパスワードを変更する方法
最初のステップはmysqlコンテナを作成することです docker exec -it コンテナID ...
Vueのwatch、computed、methodsの違いのまとめ
目次1 はじめに2 基本的な使い方2.1 方法2.2 計算プロパティ2.3 リスナーを見る3 3つの...
フォーム入力ボックスに関するWebデザインのヒント
この記事では、Web デザインにおけるフォーム入力ボックスに関するヒントとコードをいくつか紹介します...
Reactでaxiosを使用してリクエストを送信する一般的な方法
目次Reactにaxios依存関係をインストールして導入するGETリクエストにaxiosを使用するa...
Vueでルーティング権限を動的に設定する主なアイデア
以前、インターネット上で動的ルーティング設定をいくつか見たことがありましたが、現在のプロジェクトとは...
mysql はインデックスを無効にしますか?
mysql の IN はインデックスを無効にしますか?しませんよ！ 結果をご覧ください: mysq...