ラベル表示モード(重要) 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 をオンにした後の透明フォントの問題の解決方法
上の境界線のみを表示する <table frame=above>下の境界線のみを表示する...
序文クエリ情報が複数のテーブルから取得される場合、クエリのためにこれらのテーブルを結合する必要があり...
MySQLの左結合が無効であり、その使用方法今日SQLを書いていたとき、左結合を使用すると左のテーブ...
crontab コマンドは、Unix および Linux で定期的な実行命令を設定するために使用され...
目次ライフサイクルを理解する理由ライフサイクルとはライフサイクルフック関数作成され、マウントされたフ...
この記事では、雨滴効果を実現するためのJavaScriptキャンバスの具体的なコードを参考までに紹介...
Zabbix バージョン 3.0 以降、Zabbix サーバー、Zabbix プロキシ、Zabbix...
一つの環境Alibaba Cloud Server: CentOS 7.4 64 ビット (RedH...
目次1. データベースエンジン1.1 ビューデータベースエンジン1.2 デフォルトのデータベースエン...
基本的な構文text-overflow を使用するには、hight、over-flow:hidden...
TranslateThis URL: http://translateth.is Google 翻訳...
テキストエリアタグのサイズは不変ですコードをコピーコードは次のとおりです。 <textarea...
今日、WordPress がデータベースに接続できないことがわかりました。ウィンドウ サーバーにログ...
1. バックグラウンド実行一般的に、Linux 上のプログラムは .sh ファイル (./sh フ...
最新の Ubuntu Server バージョンを使用している場合、ようこそメッセージに、Ubuntu...