CSS 设置导航菜单文字内容垂直居中
来源:互联网 发布:淘宝客服的工作职责 编辑:程序博客网 时间:2024/05/29 19:32
在网页的菜单中一般是不会缺少菜单元素的,在外包的要求中,有一项是默认的,就是菜单中文字元素必须在垂直位置上居中,这里一般来说我都是通过调节padding-top,padding-bottom,margin-top,margin-botom去设置文字内容离上方和下方的间距,从而实现垂直方向上居中的。可是现在我发现如果浏览器的设置发生变化,这个居中并不是绝对的,现在发现只需要在设定菜单元素高度的同时,设定下line-height为相同的数值即可,例如下面用CSS代码做个例子:
li{height:25px;
line-height:25px;
float:left;
xxxx:yyyy;}
li{height:25px;
line-height:25px;
float:left;
xxxx:yyyy;}
这样就可以使得文字内容自动居中了,这里唯一要注意的就是,height与line-height的数值相同即可。
1 0
- CSS 设置导航菜单文字内容垂直居中
- css设置内容垂直居中
- css样式---导航栏文字垂直居中
- CSS 设置导航栏文字的垂直居中和水平居中
- CSS 文字 垂直 居中
- css 文字垂直居中
- CSS文字垂直居中
- css内容垂直居中
- CSS 垂直居中设置
- css设置垂直居中
- css 让文字垂直居中
- div+CSS 文字垂直居中
- div+css文字垂直居中
- div+css文字垂直居中
- div+css文字垂直居中
- div+css文字垂直居中
- CSS垂直方向文字居中
- css中设置div为透明,及内容垂直居中
- 收入成本预算-历程
- linux字符驱动之中断按键
- PAT 1004. 成绩排名 (20)
- 第三届蓝桥杯7放旗子填空题
- Redis简介、Redis安装
- CSS 设置导航菜单文字内容垂直居中
- hdu2196树形dp+邻接表
- 就职意向
- Android小程序总结
- C#之日志
- Database LeetCode Rank Scores
- Android的IPC机制(一)——AIDL的使用
- Windows上PIL安装及应用问题
- hdu 1019 Least Common Multiple