html - 对象在同一条线上而不会丢失位置？

Question

我试图将两个横幅放在导航栏的顶部，所有内容都很好地居中。我可以让两个横幅很好地靠在一起，但是当我缩小浏览器窗口时，第一个横幅会出现在第二个上面！

有没有可以防止这种情况的代码？如果是这样，请告诉我。

这是我到目前为止所拥有的：

<center>  
<a href="loanworkout.org">
    <img width="200" height="60" src="header-2.gif">
</a>
<a href="htpp://www.modifyloan.net">
    <img width="660" height="60" src="loansafe_728x90.gif">
</a> 
<BR>

Answer 1

您可以在横幅的容器上设置最小宽度。

根据您的评论进行编辑：

<center> <!-- *shudder* -->
    <div style="min-width: 860px;"> <!-- inline only for example purposes -->
        <a href="loanworkout.org">
            <img width="200" height="60" src="header-2.gif">
        </a>
        <a href="htpp://www.modifyloan.net">
            <img width="660" height="60" src="loansafe_728x90.gif">
        </a> 
    </div> <!-- ditch the BR -->
    ... 
</center>