BinaryDevelop
  1. ホーム
  2. html

[解決済み] spanに固定幅を設定する方法

2022-02-16 04:58:04

質問

スクリーンショットを見ると、幅を設定してもスパンの幅が "auto"のままです。

以下は私の 

<div class="container">
  <div class="row"><span style="width:60px;background-color: red;">prefix1</span><span>prpr</span>
  </div>
  <div class="row"><span style="width:60px;background-color: red;">pre2</span><span>prpr</span>
  </div>
</div>

解決方法は？

スパンのdisplayプロパティをinline-blockのように設定します。 

.container span {
  display: inline-block;
}

<div class="container">
  <div class="row"><span style="width:60px;background-color: red;">prefix1</span><span>prpr</span>
  </div>
  <div class="row"><span style="width:60px;background-color: red;">pre2</span><span>prpr</span>
  </div>
</div>

インライン要素は、インライン要素を定義するタグで囲まれたスペースのみを占有する ( MDN ).

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します