ホームページ  >  記事  >  ウェブフロントエンド  >  CSS のテキストを li element_html/css_WEB-ITnose で垂直方向の中央に配置するように設定する方法

CSS のテキストを li element_html/css_WEB-ITnose で垂直方向の中央に配置するように設定する方法

WBOY
WBOYオリジナル
2016-06-24 11:27:531280ブラウズ

CSS を使用して li 要素内でテキストを垂直方向の中央揃えに設定する方法:
この章では、CSS を使用して、li 要素内でテキストを垂直方向の中央揃えに設定する方法を紹介します。
この効果を実現するのは非常に簡単で、line-height 属性を使用するだけです。
コード例は次のとおりです。

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style>ul li{  width:400px;  height:30px;  line-height:30px;  list-style:none;}</style></head> <body><ul>  <li>蚂蚁部落欢迎您,只有努力奋斗才会有美好的未来</li>  <li>本站的地址是softwhy.com</li>  <li>每一天都是新的,必须要好好的珍惜</li>  <li>下一秒都是虚幻的,必须要把握好现在</li></ul></body></html>

line-height 属性値と height 属性値を同じに設定するだけです。実際には、height 属性は必要なく、line-height 属性を使用するだけです。 。

元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=16621

詳細については、以下を参照してください: http://www.softwhy.com/divcss/

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。