CSS |导航栏按钮不是';与导航栏大小相同
我一直在为我的Buycraft网站设计导航栏,但我似乎无法让导航栏按钮与导航栏的高度相同。我已经在谷歌上查了几天了,我尝试过的一切似乎都不起作用,或者我就是不明白该怎么办。我试着增加顶部填充物和底部填充物,当然按钮应该居中,但按钮的高度似乎一直保持在40px。我希望按钮的高度是80px,就像导航栏本身一样,但我就是想不出来。如果有人能帮上忙,我会非常感激的!导航栏的顶部和底部应该有一个类似的填充,为80px,按钮为40px,所以我假设导航栏实际上是200px,如果我错了,请纠正我 网站: (在我已经记下的代码中,导航栏上没有填充)CSS |导航栏按钮不是';与导航栏大小相同,css,navbar,Css,Navbar,我一直在为我的Buycraft网站设计导航栏,但我似乎无法让导航栏按钮与导航栏的高度相同。我已经在谷歌上查了几天了,我尝试过的一切似乎都不起作用,或者我就是不明白该怎么办。我试着增加顶部填充物和底部填充物,当然按钮应该居中,但按钮的高度似乎一直保持在40px。我希望按钮的高度是80px,就像导航栏本身一样,但我就是想不出来。如果有人能帮上忙,我会非常感激的!导航栏的顶部和底部应该有一个类似的填充,为80px,按钮为40px,所以我假设导航栏实际上是200px,如果我错了,请纠正我 网站: (在我
代码:在您的样式中将此行
li{line height:20px;}
更改为li{line height:80px;}
。您的引导程序库可能导致冲突。在IE浏览器上,我将li线高度更改为60px(它垂直居中文本,不悬挂在UL对象下方)效果更好。更好的方法是将容器高度设置为80(我已经看到您这样做了),然后将内部高度设置为100%,以便它们可以随外部容器调整大小。在尝试了更多的东西后,我发现线条高度是我需要的。这当然奏效了,所以我回到这里说我发现了,结果发现是shehary说的啊哈。谢谢你们两位回答^-^将这行li{line height:20px;}
更改为li{line height:80px;}
,以您的样式。cst您的引导库可能导致冲突。在IE浏览器上,我将li线高度更改为60px(它垂直居中文本,不悬挂在UL对象下方)效果更好。更好的方法是将容器高度设置为80(我已经看到您这样做了),然后将内部高度设置为100%,以便它们可以随外部容器调整大小。在尝试了更多的东西后,我发现线条高度是我需要的。这当然奏效了,所以我回到这里说我发现了,结果发现是shehary说的啊哈。谢谢你们两位的回答^-^