手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

css怎样让导航栏中的文字垂直居中

时间:2024-10-21 13:16:35

1、一、首先用DW布局一个导航栏,代码如图:

css怎样让导航栏中的文字垂直居中

2、二,此时我们运行代码看到,导航栏中的文字不是垂直居中的。

css怎样让导航栏中的文字垂直居中

3、三、那么如何让文字垂居中呢,可以利用css的line-height属性,将导航栏中的li标签行高度设置同自身高度一样。如图看代码:

css怎样让导航栏中的文字垂直居中

4、四、再次运行代码,文字已经垂直居中了。

css怎样让导航栏中的文字垂直居中
© 手抄报圈