Html 如何在导航栏中水平对齐两个徽标?
我正在使用Materialize框架,我想在导航栏上放置两个徽标,一个接一个 我很难适应这些元素 这是 我试过摆弄一下显示属性,但我弄不好Html 如何在导航栏中水平对齐两个徽标?,html,css,materialize,Html,Css,Materialize,我正在使用Materialize框架,我想在导航栏上放置两个徽标,一个接一个 我很难适应这些元素 这是 我试过摆弄一下显示属性,但我弄不好 正文{ 背景颜色:灰色; } .品牌标志{ 显示器:flex; 柔性包装:包装; } .brand logo>#logoUnacar,#svgUnacar{ 线高:40px; 文本对齐:居中; } #洛古纳卡{ 顺序:1; 宽度:12%; } #斯夫古纳卡尔{ 顺序:2; 宽度:50%; } 我在导航栏中横向使用了两个并排的徽标。希望这有帮助
正文{
背景颜色:灰色;
}
.品牌标志{
显示器:flex;
柔性包装:包装;
}
.brand logo>#logoUnacar,#svgUnacar{
线高:40px;
文本对齐:居中;
}
#洛古纳卡{
顺序:1;
宽度:12%;
}
#斯夫古纳卡尔{
顺序:2;
宽度:50%;
}
我在导航栏中横向使用了两个并排的徽标。希望这有帮助
哟
-
嘿
GLHF
您可以执行以下操作:
.brand-logo > img {
max-height: 40px;
}
用你觉得合适的东西替换40px你能描述一下期望的输出吗?我不得不调整一些东西,但这对我帮助很大,谢谢!