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

【问题标题】：Objects on the Same Line without Losing positions?对象在同一条线上而不会丢失位置？
【发布时间】：2009-07-17 20:16:34
【问题描述】：

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

是否有代码可以防止这种情况发生？如果有，请告诉我。

这是我目前所拥有的：

<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>

【问题讨论】：

你最好发布代码来解决你的问题，否则很难判断它可能是什么。
好的，这里是两个横幅的代码，然后是导航栏。 loanworkout.org"><img width="200" height="60" src="header-2.gif">
如果您在问题中发布代码（使用问题文本下方的“编辑”链接），我们可以更好地理解它。大概吧。

标签： html css navigation line banner

【解决方案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>

【讨论】：

哇！非常 HTML4 风格的标签。 :D
是的；但不要假装你现在不觉得脏……=)
你喜欢那个哈。好吧，也许我不是很清楚。这就是我想要的样子：看到一切都居中并且看起来不错......然后当我减小窗口的大小时，它看起来像这样。即使使用 blu 发布的代码，我似乎也遇到了一些问题。
我的宽度不对。 min-width 必须至少是两个元素的宽度，我有 800，而不是 860。如果您的图像上有边框，那么这些也需要在数字中。
LOL 好吧，伙计，我会把所有内容都放在我的 wordpress 中，这样你就可以自己看到了。我的网站 www.gangstatattoos.net。我将代码放在 custom_functions.php 的 wp_head 部分