ホームページ > 記事 > ウェブフロントエンド > help!please(テキストを垂直方向に中央揃えにする方法)_html/css_WEB-ITnose
help!please(テキストを垂直方向に中央揃えにする方法)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:14:361122ブラウズ
[img=file:///C:/Users/Bai/Desktop/mklm%E6%B4%BB%E5%8A%A8%E4%BA%8C/L3lianxi.html][/img]
ディスカッションへの返信 (解決策)
[img=QQ スクリーンショット 20120905150308][/img]
[img=http://QQ スクリーンショット 20120905150308][/img]
テクスチャが失敗して表示されないのが最適なテキストです。実際には 2 つのレイヤーがあり、内側のレイヤーのテキストの幅は 1 バイトの幅に限りなく近くなります。でも、わからない場合は、プライベートメッセージを送ってください
liのテキストの前に小さなアイコンが配置されます。 高さはliの高さと同じです。 そして、私は作りました。テキストを下に寄せて垂直方向の中央に配置したいのですが、どうすればよいですか?
高さは行の高さと同じにする必要があります。高さと行の高さは同じ値です
わかりました、プライベート メッセージを送信します
.s1 li{ width:600px; height:25px; line-height:25px;font:400 14px/20px "微软雅黑";}.s1 li label{ width:64px; height:25px; background:url(%E6%9C%AA%E6%A0%87%E9%A2%98-1.gif)no-repeat -32px -31px; display:inline-block}.s1{ margin:20px 0 0 20px;}</style></head><body> <ul class="s1"> <li style=" background:#FF0099"><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> <li><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> <li><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> <li><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> <li><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> <li><label></label>人家les/g/dz;/zdfgdxzg'k东旭早光芒了</li> </ul> 私の高さと行の高さは同じです
プライベート メッセージを送信します。解決した場合は、そのまま投稿してください。解決していない場合は、プライベート メッセージを送ってください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。