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/