Question

div+css中如何设置UL LI 文字居中又不影响A:HOVER背景显示

如图文字不居中
怎么设置让文字居中！但黄色的背景又不会变成如下图的样子





Answer 1

你应该是把 hover写到了 a 标签上，所以需要对a做一些定义。
ul li a { display:block; width:li的宽度, height:li的高度，line-height:li的高度}
display:block让a变成块级元素，可以跟div一样有高度、宽度、行高，否则宽度、高度是无效的。
line-height 与 height 一致，可以让单行的文本垂直居中。

追问

我找到方法解决了。谢谢。只需把链接写在LI之外。

追答

朋友，如果把链接写在li之外，就丧失了li的含义，我推荐是这么做：

把a定义为块级元素，就节省了ul li的代码，而且最终效果一样。
我一直都是这么做的。

Answer 2

设置line-height:等于你的高度就居中啦。
ul li{
line-height:50px;//注释,你的这个层是多高。line-height就有多高
}