不規則な絵の滝の流れ原理の分析と応用
|
プロジェクトで発生した不規則な絵画壁のレイアウト問題は、次のように分析されます。 1.img display: block; 3px img タグのバグを解決する 2. img の高さと幅を設定します。設定しないと、下の画像が表示されます。上の画像が先に読み込まれると、再度読み込まれたときに画像が押し下げられます。 3. 親divの位置: relative; 画像の価格を相対的および絶対的に配置できます 4. 子スパンの位置: absolute; right: 5px; bottom: 5px; 価格を親divに絶対配置します 5. 効果を得るには、画像divを3列のdivに配置します。 効果は以下のとおりです。 コードをコピー コードは次のとおりです。<div id=”main”></p> <p> <div class=”g1”></p> <p> <div class=”item”></p> <p> <img src=”” width=”” height=””/></p> <p> <span>価格</span></p> <p> </div></p> <p> …..</p> <p> </div></p> <p> <div class=”g2”></p> <p> </div></p> <p> <div class=”g3”></p> <p> </div></p> <p></div>
|
<<: メタ情報に基づいて時間指定のページ更新またはリダイレクトを実装する
>>: CentOS7 環境での DHCP 設定チュートリアル
推薦する
MySQLのクラスタ化インデックスと非クラスタ化インデックスの詳細な説明
1. クラスター化インデックステーブル データはインデックスの順序で保存されます。つまり、インデック...
Node.js でメモリ効率の高いアプリケーションを作成する方法
目次序文問題: 大きなファイルのコピーNodeJS のストリームとバッファバッファストリーム解決策 ...
MySQL 外部キー制約 (FOREIGN KEY) ケースの説明
MySQL 外部キー制約 (FOREIGN KEY) はテーブルの特別なフィールドであり、主キー制約...
VMware 仮想マシンのネットワークの問題の解決方法
目次1. 問題の説明2. 問題解決1. 仮想マシンシステムのインストール時にネットワークがない場合2...
Vue で配列をクリアするいくつかの方法 (要約)
目次1. はじめに2. データを消去するいくつかの方法2.1 ref() の使用2.2 スライスの使...
mysql での rpm インストールの詳細な説明
インストールとアンインストールの表示 # rpm -qa | grep mysql を表示 # アン...
HTML テーブルタグチュートリアル (23): 行の境界線の色属性 BORDERCOLORDARK
行ごとに、暗い境界線の色を個別に定義できます。基本的な構文<TR 境界線の色を暗くする=col...
JS ベースのページフローティングボックスを実装するためのサンプルコード
スクロール バーを下に引くと、主にposition:fixed;スタイルにより、フローティング ボッ...
Docker で MySQL マスターとスレーブをデプロイする方法
画像をダウンロードMySQLイメージの選択 docker 検索 mysql MySQL 5.7 イメ...
docker での psql データベースのバックアップとリカバリの詳細な説明
1. DockerでのPostgresデータベースのバックアップ注文： docker exec it...
HTML+SassはHambergurMenu（ハンバーガーメニュー）を実装します
先日、外国人の方がHTML+CSSを使ってHamburgerMenuを実装している動画を見ました。最...
WeChat アプレットのシンプルなログイン ページの実装 (ソース コード付き)
目次1. 上の写真2. ユーザーが存在しない3. コードをアップロードする1. 上の写真 2. ユー...
MySQLオンラインDDL gh-ostの使用の概要
背景： DBA として、大規模なテーブルの DDL 変更のほとんどは、Percona の pt-on...
Bツリー挿入プロセスの概要
前回の記事 https://www.jb51.net/article/154153.htm では、B...
CSS スタイルをプログラムで処理するためのサンプル コード
プログラム的アプローチの利点1. スタイルの分散を避けるためのグローバルコントロール2. シンプルな...