亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

待辦事項列表中的某些任務不顯示刪除按鈕

待辦事項列表中的某些任務不顯示刪除按鈕

心有法竹 2023-12-14 17:00:29
我制作了一個待辦事項應用程序,但您無法刪除某些項目。我嘗試了很多東西,但它不起作用。你能幫我理解錯誤的原因嗎?我也在想辦法增加字符限制。html:<!DOCTYPE html><!-- Created By Zarif Sefat --><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>SideQuests | Simple Todo App</title>    <link rel="stylesheet" href="style.css">    <script src="https://kit.fontawesome.com/a076d05399.js"></script>    <link rel="icon" href="images/icon.png"></head><body>  <h1 class="logo-or-something"><i class="fas fa-check-square"></i> SideQuests</h1>  <div class="wrapper">    <header>SIDE QUESTS</header>    <div class="inputField">      <input type="text" placeholder="Add your new side quest">      <button><i class="fas fa-plus"></i></button>    </div>    <ul class="todoList">      <!-- data are comes from local storage -->    </ul>    <div class="footer">      <span>You have <span class="pendingTasks"></span> pending side quests</span>      <button>Clear All</button>    </div>  </div>  <script src="script.js"></script></body></html>
查看完整描述

1 回答

?
一只甜甜圈

TA貢獻1836條經驗 獲得超5個贊

如果你從你的 CSS 中刪除它:


.todoList li{

  overflow: hidden;

}

而且你會輸入一個很長的輸入,你就會看到問題出在哪里。并不是按鈕不顯示,而是按鈕出現了。


當你的div太長時,按鈕不會出現在同一行,而是較低,導致你看不到它。


要解決這個問題,您可以添加以下內容(隱藏的溢出已經存在):


.todoList li{

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

設置hoverflow:hidden不允許您滾動,但整個文本仍然存在。另外兩行將使 css 在沒有更多空間時剪切文本。這將使您的按鈕出現在正確的位置。


查看完整回答
反對 回復 2023-12-14
  • 1 回答
  • 0 關注
  • 157 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號