ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのインラインブロック要素とは何ですか?

HTMLのインラインブロック要素とは何ですか?

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-06-04 15:28:315680ブラウズ

HTML では、インライン ブロック レベル要素は次のとおりです: Web ページ内の画像をマークするために使用される img、ユーザー情報を収集するために使用される input、表内の標準セルにラベルを付けるために使用される td、単一または複数の選択を作成できます。メニューの、複数行のテキスト入力コントロールを定義するテキストエリア、入力要素のラベルを定義するラベル。

HTMLのインラインブロック要素とは何ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

インライン ブロック要素は、インライン要素とブロック要素の特性を組み合わせたものですが、それぞれに独自のトレードオフがあります。したがって、日常的な使用では、その特性により、インライン ブロック要素がより頻繁に使用されます。

インラインブロック要素の特徴:

  • 自動行折り返しなし

  • 幅と高さを認識できる

  • デフォルトの配置は左から右です

インライン ブロック レベルの要素は比較的少なく、img、input、td、 select、textarea、label;

img: 属性 src: 画像リソース パス、alt: プロンプト メッセージを使用して、Web ページ内の画像をマークするために使用されます。画像の読み込みに失敗した場合、指定されたテキストは次のようになります。画像の代わりに表示

input: 属性タイプを含む入力ボックス 入力ボックスのタイプと属性値 (テキストとは、テキスト入力ボックス、ファイル ファイル セレクター、パスワード入力ボックス、電子メール入力ボックス、数値入力ボックス、ボタン ボタンを意味します) )。プレースホルダー プレースホルダー文字。入力ボックスに入力する内容をプロンプトするために使用されます。 value は入力ボックスの内容を表します。 name がバックエンド サーバーと対話するときは、リクエスト送信時のパラメーター名である name 属性を保持する必要があります。

ラジオ選択 type="radio" は、ラジオ オプションがラジオ ボタン ボックスの同じグループにあり、値を 1 つだけ選択できることを意味します。複数のラジオの name 属性値を設定します。同じ値に type="checkbox "チェック ボックス

label: 入力ラベルにバインドされ、属性があります。属性値は入力ボックスの id 値です。チェックされた属性は、ラベルの選択状態です。

選択: ドロップダウン リスト

拡張情報:

インライン ブロック レベル要素の変換

CSS スタイル属性 display:inline-block を設定すると、インライン要素またはブロックレベルの要素をインラインのブロックレベル要素に変換できます。

ただし、要素がインラインに変換された場合は、 element, set display: inline;

要素がブロックレベル要素に変換される場合は、set display:block;

inline-block は css2.1 の新しい属性です。 IE7 プロパティより前のバージョンではサポートされていないため、互換性のあるメソッドが必要です。

推奨学習: html ビデオ チュートリアル

以上がHTMLのインラインブロック要素とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。