将元素放在导航栏中的单行中

时间:2018-08-11 23:21:50

标签: html css css3

我正在尝试在菜单之间设置徽标。我可以添加徽标,但无法使其正常工作。我的徽标显示在一行中,而所有其他菜单项显示在一行中。我想一行显示整个菜单。这是我的网站链接:http://savourthemoment.fr/home

预先感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

有两个修改要完成。 1.包含您的图像元素的链接为1040像素宽。我将其更改为:

a{
    width: 104px;
}

但是,最好使用id或类而不是使用定位标记来引用它,因为它将操纵所有定位标记的宽度。

  1. 图像的宽度设置为10%。将其更改为100%,以使其占据其父元素的整个宽度。

    img.savour-home-logo {         宽度:100%;     }

Here's a snapshot of the website