CSS3 で Taobao に空白スペースを実装する方法
|
Taobao用の空白スペースを作成します。
ブラウザページを縮小すると、コンテンツ領域は縮小されませんが、空白スペースは小さくなります。
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="utf-8" />
<タイトル></タイトル>
<スタイル タイプ="text/css">
*{
マージン: 0;
パディング: 0;
}
.ラッパー{
高さ: 30px;
背景色: グレー;
}
。コンテンツ{
幅: 1200ピクセル;
高さ: 30px;
背景色: #0f0;
margin: 0 auto;/* 上と下は 0、左と右は適応型*/
}
</スタイル>
</head>
<本文>
<div class="wrapper"><!-- 背景領域 -->
<div class="content"></div><!-- コンテンツ領域 -->
</div>
</本文>
</html>
このように、ズームすると外側の灰色の部分がズームされ、緑色の部分が常に中央になります。 中のテキストはこのように書かれています。 <div> <ul style="float: left;"></ul> <ul style="float: right;"></ul> </div> CSS3 で Taobao のホワイト スペースを実現する方法については、これで終わりです。CSS3 Taobao のホワイト スペースに関する関連コンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: Vue コンポーネントでのアンチシェイクとスロットリングの使用例の分析
>>: MySQL 構成マスタースレーブサーバー (マスター 1 台とスレーブ複数台)
推薦する
SQL Server データベース エラー 5123 の解決方法
なぜなら、SQL Server 2005 に基づくデータベース チュートリアルがあり、そこで使用され...
Nginx における 2 つの現在の制限方法についての簡単な説明
負荷は通常、システム設計時に予測されます。システムがパブリック ネットワークに公開されている場合、悪...
MySQL 8.0.15 winx64 のインストールと設定方法のグラフィックチュートリアル
この記事では、MySQL 8.0.15のインストールと設定方法を参考までに紹介します。具体的な内容は...
MySQL での IN データボリュームの使用の最適化された記録
MySQL のバージョン番号は 5.7.28 です。テーブル A には 390 万件のレコードがあり...
HTML タグのリストと使用方法
HTMLタグのリストマークタイプ名前または意味効果述べるファイルのタグ付け<HTML> ...
Linux システムコマンドのメモ
この記事では、Linux システム コマンドについて説明します。ご参考までに、詳細は以下の通りです。...
RHEL8 で静的 IP アドレスを設定するさまざまな方法の簡単な分析
Linux サーバーで作業している場合、ネットワーク カード/イーサネット カードに静的 IP アド...
MySQL 学習ノート: 完全な SELECT ステートメントの使用例と詳細な説明
この記事では、MySQL 学習ノートの select ステートメントの完全な使用方法を例を使用して説...
MySQL バッチ追加および保存メソッドの例
ストレステストにログインする際には、多くの異なるユーザーが必要となり、データベースに新しいデータを追...
Vue でルートをジャンプする方法をご存知ですか?
目次最初の方法: router-link (宣言型ルーティング) 2番目の方法: router.pu...
CocosCreatorゲームにおける魚群アルゴリズムの詳細な説明
序文最近CocosCreatorを学びたいと思ったので、エディターをダウンロードして起動しました。誰...
Elasticsearch を使用する際の一般的な問題の解決策
1. redis で使用すると Netty の起動競合が発生するため、***Application ...
CSS3を使用してプログレスバー効果を実現し、動的にパーセンテージを追加する
プロジェクト中、プログレスバーを実装するために js の requestAnimationFrame...
MySQL 8.0.18 のさまざまなバージョンのインストールとインストール中に発生した問題 (要点の要約)
概要: MYSQLの問題解決記録:どのようなインストール方法 (rpm、gz、gz.xz) を使用す...
MySQLのストレージエンジンについてお話しましょう
基礎リレーショナル データベースでは、各データ テーブルはファイルに相当し、異なるストレージ エンジ...