星空网 > 软件开发 > 网页设计

css如何设置文本在li元素中垂直居中显示

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/




原标题:css如何设置文本在li元素中垂直居中显示

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

KAVAK:https://www.goluckyvip.com/tag/21847.html
kawaiiclo:https://www.goluckyvip.com/tag/21848.html
Kaymu:https://www.goluckyvip.com/tag/21849.html
产品销售攻略:https://www.goluckyvip.com/tag/2185.html
KAYU:https://www.goluckyvip.com/tag/21850.html
KazanExpress:https://www.goluckyvip.com/tag/21851.html
独家丨B站广告位可跳转美团APP B站为电商平台引流再升级 :https://www.kjdsnews.com/a/1836410.html
百崖大峡谷生态旅游景区(探秘中国西南自然风光):https://www.vstour.cn/a/363176.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流