CSS 设置导航菜单文字内容垂直居中

在网页的菜单中一般是不会缺少菜单元素的,在外包的要求中,有一项是默认的,就是菜单中文字元素必须在垂直位置上居中,这里一般来说我都是通过调节padding-top,padding-bottom,margin-top,margin-botom去设置文字内容离上方和下方的间距,从而实现垂直方向上居中的。可是现在我发现如果浏览器的设置发生变化,这个居中并不是绝对的,现在发现只需要在设定菜单元素高度的同时,设定下line-height为相同的数值即可,例如下面用CSS代码做个例子:
li{height:25px;
line-height:25px;
float:left;
xxxx:yyyy;}

这样就可以使得文字内容自动居中了,这里唯一要注意的就是,height与line-height的数值相同即可。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值