怎样才能让一个图片在一一个已近设计好的导航条的右边，而不是换行

要让一个图片在导航条的右边而不是换行，可以使用 CSS 中的浮动（float）属性。

首先，给导航条中图片的父元素设置宽度，并添加 `float: left;` 的样式，将其浮动到左侧。接着，给图片添加 `float: right;` 的样式，将其浮动到右侧。

以下是一个示例代码：

HTML：

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li class="logo"><a href="#"><img src="logo.png"></a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

CSS：

nav {
  background-color: #333;
  color: #fff;
  overflow: hidden;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav li {
  float: left;
}

nav .logo {
  width: 100px;
  float: left;
}

nav .logo img {
  float: right;
}

在上面的示例中，`nav .logo` 类选择器选择了包含 logo 图片的 `<li>` 元素，并设置了宽度和左浮动。`nav .logo img` 类选择器选择了图片元素，并设置了右浮动。这样就可以将 logo 图片浮动到导航条的右侧，而不是换行了。