不規則な絵の滝の流れ原理の分析と応用
|
プロジェクトで発生した不規則な絵画壁のレイアウト問題は、次のように分析されます。 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のデッドロックとログに関する詳細な説明
最近、MySQL オンラインでいくつかのデータ異常が発生しましたが、すべて早朝に発生しました。ビジネ...
Centos7.3 Nginx をインストールして展開し、https を設定する方法
設置環境1. gccのインストールnginxをインストールするには、まず公式サイトからダウンロードし...
Zabbix 監視ソリューション - 最新の公式バージョン 4.4 [推奨]
ザビックス2019/10/12 チェンシン参照するhttps://www.zabbix.com/do...
MySQL で日付を保存するためのベスト プラクティス ガイド
目次序文時間型を保存するのに文字列を使用しないでくださいMySQL の日付型日時タイムスタンプTIM...
CSS の子要素を親要素と高い一貫性を持たせる方法
絶対位置決め方式: （１）親要素を相対配置に設定します。親要素の高さを指定しない場合は、左の子要素の...
HTML文書におけるol要素の数値制限に関する議論
一般的に言えば、HTML ドキュメント内で極端に大きな <ol> リストに遭遇する可能性...
HTMLポップアップdivはモバイルの中央揃えを実現するのに非常に便利です
コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...
MySQL 主キー ID を生成する方法 (自己増分、一意、不規則)
目次1. uuid関数を使用して、一意かつ不規則な主キーIDを生成します。 2. idの自動成長1....
Linux での MySQL データベースのマスター スレーブ同期レプリケーション構成
Linux での MySQL データベースのマスター/スレーブ同期構成の利点は、この方法をバックアッ...
Linux に nginx をインストールする方法
Nginx は C 言語で開発されており、Linux で実行することをお勧めします。もちろん、Win...
マウスをホバーすると画像が折りたたまれる効果を実現する CSS
マウスをホバーすると画像が折りたたまれる効果を実現する CSS 1. 実施のポイント折り畳みは複数の...
HTML ドキュメントに CSS を埋め込む一般的な 3 つの方法
HTMLでCSSを定義するには、埋め込み、リンク、インラインの3つの方法が一般的に使用されます。 1...
JSは要素のドラッグとプレースホルダー機能を実装します
このブログ投稿は、ブロガーが数日前に取り組んだプロジェクトで遭遇した困難についてです。これを学んだ後...
Linux環境でのActiveMQ導入方法の詳しい説明
この記事では、Linux 環境での ActiveMQ の展開方法について説明します。ご参考までに、詳...
Vue2.x における双方向バインディングの原理と実装
目次1. 実施プロセス2. オブザーバーを表示する3. ウォッチャーを実装する4. コンパイルを実装...