你的位置:首页 > 网页设计

[网页设计]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/




深圳去法国旅游报价办理法国旅游签证跟团法国旅游需要多少钱几月份去法国旅游最好什么时候去法国旅游最便宜浪漫彩色 逛公园赏秋日繁花 重庆秋日暖色调 石柱千野草场火棘红 重庆秋日暖色调 巫山小三峡红叶 揭秘西安钟鼓楼 游记攻略 山水田园中秋节有演出吗?中秋节去观澜山水田园有哪些好玩的活动? 2015观澜山水田园中秋节活动?深圳观澜山水田园中秋节有什么好玩的活动? 森波拉9月活动?清远森波拉最新优惠活动介绍? 学生免费游森波拉奇妙世界吗?清远森波拉奇妙世界学生免费时间? 韶关乳源大峡谷门票多少?好玩吗? 从广州东到广州歌剧院该如何坐车? 五一时候生日去长隆欢乐世界免费票要刷身份证吗? 从深圳龙华到惠东双月湾的自驾游路线? 深圳欢乐谷2015圣诞免费玩是真的吗?欢乐谷圣诞节有哪些好玩的? 深圳欢乐谷2015圣诞节免费是真的吗?欢乐谷圣诞节夜场有哪些活动? 元旦去三亚穿什么衣服好?元旦三亚天气怎么样? 2015龙凤山庄影视度假村圣诞节活动?东莞龙凤山庄圣诞平安夜好玩吗? LM3674MFX-1.875/NOPB Datasheet LM3674MFX-1.875/NOPB Datasheet LP3891ESX-1.8/NOPB Datasheet LP3891ESX-1.8/NOPB Datasheet LM3704YCMMX-232 Datasheet LM3704YCMMX-232 Datasheet 妈祖阁 妈祖阁 妈祖阁 树上温泉 树上温泉 树上温泉 国内旅行 国内旅行 国内旅行