第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

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

心有法竹 2023-12-14 17:00:29
我制作了一個待辦事項應(yīng)用程序,但您無法刪除某些項目。我嘗試了很多東西,但它不起作用。你能幫我理解錯誤的原因嗎?我也在想辦法增加字符限制。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條經(jīng)驗 獲得超5個贊

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


.todoList li{

  overflow: hidden;

}

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


當(dāng)你的div太長時,按鈕不會出現(xiàn)在同一行,而是較低,導(dǎo)致你看不到它。


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


.todoList li{

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

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


查看完整回答
反對 回復(fù) 2023-12-14
  • 1 回答
  • 0 關(guān)注
  • 168 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號