徽標圖像居中＆菜單欄下面徽標

我工作的網站徽標出現在左側，但我希望它居中。我怎麼去解決它？查找下面的CSS代碼。徽標圖像居中＆菜單欄下面徽標

header .logo{ display: inline-block; padding: 0; vertical-align: middle;}

而且在菜單欄上出現的標誌的右手邊，但我希望它的中心位置，下面的標誌。我怎樣才能做到這一點？

.nav-right-area{ display: inline-block; vertical-align: middle;} 
 
.navigation{ display: inline-block; vertical-align: middle;} 
 
.navigation > ul{ margin-top: 0px;} 
 
.navbar{ margin-bottom: 0; min-height: inherit;}

圖片，如果其中的徽標和菜單顯示該網站的標題如下發現：

鏈接到該網站是http://midwaycinema7.com/

擡起頭會讚賞。

來源

2016-12-26 Light

請添加html部分 –

您是否希望您的徽標垂直居中？ – aavrug

我希望徽標水平居中 – Light

更好地提供完整的html佈局。以下代碼是你可以做的就是標識和菜單水平居中：

徽標：

.navigation-wrap{ display: block; min-width: 50%; margin: auto auto; }

：

header .logo{ display: block; width: 50%; margin: auto auto; padding: 0;}

導航菜單應與波紋管的css外部元素裏被包裹這只是想法，嘗試根據您的代碼進行調整。

來源

2016-12-26 08:02:57

有幾種方法可以做到這一點。

使用的Flex。

.divHoldingYourLogo{ 
    display:flex; 
    justify-content: center; 
}

使用中心|標籤。

<div> 
    <center> 
     <img src="logo.jpg" class="YOUR CLASSES"> 
    </center> 
</div>

但它不是現在使用。

3，採用margin:auto

.divHoldingYourLogo{ 
    display:block; 
} 

#logo{ 
margin:auto; 
}

使用jQuery的

您也可以通過獲取$做到這一點（窗口）.width（）並將其除以2並將其設置爲margin-left或position:absolute的情況下propertyleft具有該值。

所以有很多解決方案。您可以選擇適合您需求的方法。

來源

2016-12-26 08:03:23

我能中心，提高您最初提供的http://midwaycinema7.com/about/鏈路上的菜單上面的DIV，這裏是我的解決方案：

轉到您的CSS，找到

.main-head .col-lg-2 { 

}

規則和改變display: inline-block;到display: block;。此外，請添加一個width: initial;。你的html元素和你的CSS已經變得複雜了，使用width: initial是我發現重置這個寬度的一種方式，以便你的標誌是死心的。

來源

2016-12-26 08:54:24

徽標圖像居中＆菜單欄下面徽標

回答

相關問題