2內嵌圖像 - 使用引導程序1中心和1右邊

Question

在居中圖像上使用中心塊會強制第二個圖像下降： - 如何定位2像素這樣的最佳做法？我想我可以將標題分成3列，並在第3列內將第2張圖片右移。

<header class="" id="top" role="banner"> 
<div class="container" > 
<nav class="navbar navbar-default"> 

<img src="<?php echo $folder;?>img/header.png" alt="" class="center-block"/> 
<img src="<?php echo $folder;?>img/main_logo.png" alt="" class="pull-right" /> 


</nav> 
</div> 
<hr> 
</header> 

Answer 1

我與display: inline-block;圖片，並text-align: center;父去。第二張圖片獲得float: right;。請注意，如果這是您要做的事情，則第一張圖片將位於左邊框和第二張圖片之間的空間中央。

nav { 
    text-align: center; 
} 

nav img { 
    display: inline-block; 
} 

nav img + img { 
    float: right; 
} 

http://jsfiddle.net/a9Lave1x/2/