他の要素と一緒に垂直に中央スパン(ブートストラップラベル)
-
26-10-2019 - |
質問
ブートストラップCSSフレームワークのインラインラベルを使用したいと思います。
<span class="label">Default</span>
残念ながら、これらのラベルは、他の要素と一緒に使用した場合、垂直に中央に配置されていません。
<p>
<span class="label"><a href="#">test</a></span>This is a test heading.
</p>
視覚的な例については、完全なコードをご覧ください。 http://jsfiddle.net/kvppm/
ラインハイイトと絶対的/相対的なポジショニングワークアラウンドを知っていますが、正しく適用することはできませんでした。
これらのラベルを垂直に中央に配置するにはどうすればよいですか?
解決
以来 <span>
です inline
デフォルトでは、実行することができます。
span { vertical-align: middle|top|bottom; }
そして、それは機能するはずです。 http://jsfiddle.net/kvppm/1/
しかしその後 <a>
中身 <span>
意味的には正しくありません。使用することができます <a>
そしてそれをスタイリングします display: inline
.
他のヒント
.label { vertical-align: top; }
これは私がそれをULで適切に調整したかったときに私のために働きました
所属していません StackOverflow