ラベル表示モード(重要) divタグとspanタグ 1. スタイルはまったく同じですが、ラベルが異なり、表示される結果もまったく異なります。 2. 各divは1行を占め、複数のspanは1行に配置される。 1. ブロック要素 特徴: デフォルトの幅は 100%、デフォルトの高さは 0 です。幅と高さは設定可能で、親の幅を継承し、改行で表示されます (div ul li ph)。 概略図 要約: ブロック要素は幅と高さの属性を追加し、1行を占めることができます。 2. 行要素 特徴: デフォルトの幅と高さは両方とも0で、幅と高さは設定できず、1行表示----- span biua 概略図 概要: 幅と高さに左右されず、1行を占めることはできません 3. 行内の要素をブロックする 機能: 幅と高さのみ設定可能、表示を折り返すことはできません - 画像入力 概略図 もう 1 つのトリックを学びましょう。一般的に、行内のブロック要素はインライン要素でもあります。インライン要素に対する一部の操作は、行内のブロック要素にも適用できます。例: text-align:center;line-height:1000px; 4. モード変換 構文: 値: block はブロック要素になり、inline は行要素になり、inline-block は行内のブロック要素になり、none は要素を非表示にします。 もう1つのトリックを学びましょう: この属性を使用して要素を非表示にすると、ページ上のスペースを占有しなくなります。 小さなケース:シンプルなナビゲーションの制作 | ケース図 |
---|
<<: HTML コメント HTML 内のテキストコメントをマークするための記号
>>: IE で ClearType をオンにした後の透明フォントの問題の解決方法
目次事前準備実施方法: 1. 単一のデータを挿入する2. マージデータ挿入3. MySqlBulkL...
最近、カンファレンスの健康申告システムに取り組んでいたとき、バックエンドを構築する必要があり、vue...
以前、MySQL データベースのデュアルマシン ホット スタンバイの設定方法を紹介しました。ご興味の...
この記事では、主に、円形のダイナミックな光る特殊効果アニメーションを実現するための純粋な CSS3 ...
フロントエンドとバックエンドを分離した開発では、フロントエンドがバックエンドの API を呼び出して...
1.公式サイトからインストールパッケージをダウンロードするhttp://nginx.org/en/d...
Docker の導入規模が大きくなると、コンテナを監視する必要があります。一般的に、Docker に...
目次vimプラグインマネージャーをインストールするプラグインデモを追加プラグインを削除するには: v...
目次1. 基本的なイベント処理2. 親コンポーネントにカスタムイベントを送信するマウス修飾子4. キ...
この記事では、docker 経由で Jenkins+Maven+SVN+Tomcat をデプロイし、...
1. 崩壊度が高いドキュメント フローでは、親要素の高さはデフォルトで子要素によって拡張されます。つ...
esインストール docker pull elasticsearch:7.4.0 # -d : バッ...
iPad でページをデバッグするにはどうすればいいですか? iOS 5 をご利用の場合、iPad の...
2.1、msiインストールパッケージ2.1.1、インストール特に重要なのは、インストール前に、元の ...
ブラウザで入力カーソルがずれる問題の詳しい説明<br />仕事で問題に遭遇し、解決策を探...