Css 导航栏菜单项垂直居中
我希望我的绿色菜单项在红色容器中垂直居中(高度为70px)。 我已经能够通过利用利润实现这一点,但这不是一个理想的解决方案。无论红色容器的高度如何,“最干净”的方法是什么? 非常感谢, 添加此样式:Css 导航栏菜单项垂直居中,css,Css,我希望我的绿色菜单项在红色容器中垂直居中(高度为70px)。 我已经能够通过利用利润实现这一点,但这不是一个理想的解决方案。无论红色容器的高度如何,“最干净”的方法是什么? 非常感谢, 添加此样式: .green-menu-parent { position: relative; } .green-menu { position: absolute; top: 50%; transform: translateY(-50%); } 这应该让你知道如何完成你的作业 nav{
.green-menu-parent {
position: relative;
}
.green-menu {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
这应该让你知道如何完成你的作业
nav{
宽度:100%;
显示:表格;
位置:固定;
顶部:0px;
左:0px;
背景:#ff0000;
}
导航>分区{
高度:70像素;
显示:表格单元格;
垂直对齐:中间对齐;
}
导航>分区>标签{
颜色:#ffffff;
填充物:2.5px 5px;
背景:绿色;
-webkit边界半径:10px;
-moz边界半径:10px;
边界半径:10px;
}
我们是谁
服务
寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码,最好是以最短的格式。看见
.green-menu-parent {
position: relative;
}
.green-menu {
position: absolute;
top: 50%;
transform: translateY(-50%);
}