怎么在两张图片中间加文字形成一个导航栏

要在两张图片之间添加文字形成一个简单的导航栏，你可以按照以下步骤进行:

1. **HTML结构**:
- 创建一个包含两个`<img>`标签和一个`<span>`标签的容器，`<span>`用于放置文字。

   <div class="navbar">
     <img src="image1.jpg" alt="Image 1">
     <span>当前位置</span>
     <img src="image2.jpg" alt="Image 2">
   </div>

2. **CSS样式**:
- 定义`.navbar`的宽度、高度以及图片和文字之间的间距。
- 使用`float`属性将图片浮动，让文字显示在其间。
- 给`.navbar`加上适当的背景色和边框，如果需要的话。

   .navbar {
     width: 100%;
     height: 50px;
     background-color: #f0f0f0;
     border-bottom: 1px solid #ccc;
     display: flex;
     justify-content: space-between;
   }
   
   img {
     float: left;
     margin-right: 20px;
   }

3. **文字样式**:
- 根据需要调整`.navbar span`的字体、颜色和大小。

   .navbar span {
     font-size: 16px;
     color: black;
   }

现在，你就有了一张图片作为左侧链接，中间有文字“当前位置”，右侧也有图片作为下一个链接。如果你需要更复杂的交互或移动到其他位置，可能还需要配合JavaScript或者其他库（如Bootstrap）来实现。