如何使导航文本与图像的结尾保持内联

Question

我正在创建一个导航栏，我希望右边的文本与图像的结尾一致。无论窗口是否调整大小，我希望它保持对齐和就位。

我已经包含了一个我没有解释过的图片：

http://i.stack.imgur.com/QWR6L.png

希望你们能帮忙！

Answer 1

这是你想要达到的目标吗？... http://jsfiddle.net/65fBD/现在我实现它的方法是将图像浮动到右边并将图像和链接包裹在div中并给它一分钟-width属性。这样做只要它达到视口中指定的最小宽度，分区就不会在此之后缩小，从而保持内联外观。

这是css

#navcontainer {
width:100%;
min-width:400px;
height:40px
}
#image {
    float: left;
}
#links {
float:right;
}

和html ......

<div id="navcontainer">
 <img src="http://dummyimage.com/230x40/123dfe/fff" id="image"/>
 <p id="links"> &nbsp;&nbsp;Link&nbsp;&nbsp;|&nbsp;&nbsp;Link&nbsp;&nbsp;|&nbsp;&nbsp;Link&nbsp;&nbsp;</p>
</div>

但另一方面，请澄清你的意思，如果调整窗口大小，链接应该保持一致....你指的是响应式设计吗？