文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在jquery中隐藏图像并使标签保持在同一位置？

问如何在jquery中隐藏图像并使标签保持在同一位置？
EN

Stack Overflow用户

提问于 2020-04-30 06:44:34

回答 1查看 44关注 0票数 0

我正在开发一个游戏。我的角色有5条生命。当我的角色被杀时，我想隐藏5个生命中的1个生命。当我用jQuery做到这一点时，“生命：”的标签移动了一点(填补了以前我隐藏的生命所占据的空间。

示例：

  <div class="items">
    <p class="welcomemsg" id="or">welcome</p>
    <p  style="font-family:Bubble; color:white; font-size:28px; margin-right: 5%;" >Lives:
    <img class="lives" src="./assets/img/logopac.png" alt="pacslogo" id="live1">
    <img class="lives" src="./assets/img/logopac.png" alt="pacslogo" id="live2">
    <img class="lives" src="./assets/img/logopac.png" alt="pacslogo" id="live3">
    <img class="lives" src="./assets/img/logopac.png" alt="pacslogo" id="live4">
  </p>
</div>

  if (board[shape.i][shape.j] == 14) {
    if(livesCounter!=0) {
        $("#live"+livesCounter).hide();
        livesCounter--;
    }
  }

    .items{
        display: flex;
        justify-content: space-between;
        }

    .welcomemsg{
        font-family: 'Bubble';
        font-size: 32px;
        color:white;
        margin-left:5%;
    }

我怎样才能让我的标签留在原处？

html

jquery

css

回答 1

Stack Overflow用户

发布于 2020-05-01 00:11:58

试试这个：

.lives {
    display: inline-block;
    with: 80 px;
}

<span class="lives">
<img class="live" src="./assets/img/logopac.png" alt="pacslogo" id="live1">
<img class="live" src="./assets/img/logopac.png" alt="pacslogo" id="live1">
<img class="live" src="./assets/img/logopac.png" alt="pacslogo" id="live1">
<img class="live" src="./assets/img/logopac.png" alt="pacslogo" id="live1">
<img class="live" src="./assets/img/logopac.png" alt="pacslogo" id="live1">
</span>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61512976

复制

相似问题

问如何在jquery中隐藏图像并使标签保持在同一位置？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jquery中隐藏图像并使标签保持在同一位置？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jquery中隐藏图像并使标签保持在同一位置？
EN