【css】list横並び設定で縦位置を指定する【リスト】
リストを使って横並びのグローバルメニューを作るときなどに有効なcssの設定方法です。
<li>で横並びにする方法は、float:leftを設定したり、display:inlineを設定したりする方法がありますが、いずれもvertical-align:middleは有効になりません。そこで、
div#gmenu li{
list-style-type: none;
display:block;
float: left;
padding: 0;
width: 87px;
height: 40px;
text-align: center;
vertical-align: middle;
line-height: 45px;
}
このように、「line-height: 高さ指定」とすることで、任意に上からの高さを指定できます。二行になるときは、<li class="second">などとして、line-height:の値を変えてあげれば上手に指定することができます。
【css】list横並び設定で縦位置を指定する【リスト】 の関連記事
No related items.
コメント
No comments yet
コメントする
次項 フォームに入力した内容が文字化けする
前項 【PHP】メールアドレスやURLを判定する【正規表現】
▲知識Ｚ（ゼータ）トップへ
】にて運営させていただいております。いつも大変ありがとうございます。
