Html 导航栏中的样式、品牌和文字

我在一个个人网站上工作，但我不能在导航栏中设置图像和文本的样式

我想固定图像的纵横比，使导航栏居中，因此与导航栏的高度无关，图像看起来总是一样的

我想将文本垂直居中

使

联系人

成为

联系人

---

我没有使用boostrap或其他框架。

您应该检查

flex

box属性，这非常有用。这是一些关于这个主题的文档，是一个关于如何使用flex box构建所需布局的示例。

1.-我不明白这一点，您想“固定比率”，但比率已经固定，您可以使用

高度

和

宽度

上的百分比来更改其大小

2.-将下一行添加到

navbar

css：

显示：flex；
对齐项目：居中；

这将垂直居中导航栏中的所有元素，包括图像

3.试试这个：

.navbar li：最后一个孩子a{
文本转换：小写；
}

---

或者

text transform:capitalize

，如果您希望首字母大写。

在您共享的示例中，小写不起作用hanks！如何使联系人中的C大写？使用

文本转换：大写

而不是

文本转换：小写