Question

我正试图在悬停时停止移动物体。

看看我在这里做了什么> JSFIDDLE

当悬停第二个链接（TEST2）时，它会变为粗体属性（需要），但它会将另一个按钮（TEST）推向左侧。如何在标题中锚定其他元素并停止其移动？

Answer 1

将一个item类提供给普通列表元素，将分隔符类提供给seperator list元素

<div class="header-bg">
  <div class="container">
    <div class="menu-header">
      <nav>
        <ul>
          <li class="item"><a href="#">Test</a></li>
          <li class="seperator"><span>&there4;</span></li>
          <li class="item"><a href="#">Test2</a></li>
        </ul>
      </nav>
    </div>
  </div>
</div>

并为.item类

列出元素提供固定宽度

.item {
    width:70px;
}

工作demo

Answer 2

给它们一个固定的宽度，即宽度：80px

悬停时锚定链接（＆＃34; ul li a＆＃34;）

2 个答案: