1. ホーム
  2. Web制作
  3. HTML/Xhtml

ラベルやスパンの幅設定が無効な場合の解決方法について

2022-01-13 01:29:35
デフォルトでは、labelとspanの幅の設定は無効です。通常は、display属性で
コピーコード
コードは以下の通りです。

display:block;

これでうまくいきます。しかし、自動的に改行を入れてくれますので、改行したくない場合は
コピーコード
コードは以下の通りです。

display:inline-block;

これは改行されません。
口元」の描き方を補足すると、「口元」は
コピーコード
コードは以下の通りです。

display:inline;
float:left;

しかし、必ず以下のdivを
コピーコード
コードは以下の通りです。

clear:both;

そうしないと、後でぐちゃぐちゃになるdivボードに影響します。