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

Question

我正在使用个人网站template，但是无法在导航栏中设置图像和文本的样式。

1. 我想固定图像的长宽比以使No such element or plugin 'Qtdemux'居中，因此独立于导航栏的高度，图像将始终看起来相同。

2. 我想使文本垂直居中

3. 将navbar放入CONTACT

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

Answer 1

您应该选中flex框属性，这确实有用。 Here是有关此主题的一些文档，here是有关如何使用弹性框来构建所需布局的示例。

Answer 2

1.-我不明白这一点，您想“固定比率”，但是比率已经固定，您可以使用height和width上的百分比来更改其大小。

2.--将以下各行添加到navbar css中：

display: flex;
align-items: center;

这将使导航栏中的所有元素（包括图像）垂直居中。

3.-尝试以下操作：

.navbar li:last-child a {
    text-transform: lowercase;
}

或text-transform: capitalize，如果您想将首字母大写。