Q:在一個div裏,鼠標上滑顯示文字,但由於文字太多,放不下,使用溢出隱藏就看不全文字了
A:首先給用於放文本的標籤元素設置一個寬度值,並設置溢出屬性overflow爲溢出隱藏,設置文本縮略的樣式爲"..."
width: 245px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
關於css的一些常用知識
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
我實現了客戶要求的五彩斑斕的黑!!!
SC前端
2020-07-08 10:39:04
【Python】CSS選擇器語法
岚清子
2020-07-08 09:13:33
[轉]css父元素背景覆蓋其子元素背景, 正常一般是子元素的背景會覆蓋父元素的背景
牛頓的小腦
2020-11-17 13:54:11
html+css 選項卡
<style type=text/css>td { font-size: 12px; color: #000000; line-heig
bluelazyboy
2020-07-08 12:23:28
position:absolute下,top:0,right:0,bottom:0,left:0 結合margin:auto的作用(讓明確寬高的盒子水平垂直居中於父元素)
絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
ddx2019
2020-07-08 11:55:42
css每日一報(自己積累平時寫法)
空手走-web
2020-07-08 11:54:55
原生JS實現樹狀結構列表
wendZzz
2020-07-08 11:27:37
web前端複習第七課
二級導航實例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
思丰百年
2020-07-08 10:46:31
網頁設計中常見的兼容性問題
LFWMP
2020-07-08 10:28:29
CSS預處理器和後處理器
我的绝伦大人
2020-07-08 09:19:30
HTML+css做炫酷的3d盒子反轉
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄
文情战
2020-07-08 09:12:55
24小時熱門文章
-
再談23種設計模式(3):行爲型模式(學習筆記)
-
Power Automate Desktop 安裝完,登錄後老是提示one driver 錯誤
-
微前端學習筆記(4):從微前端到微模塊之EMP與hel-micro方案探索
-
微前端學習筆記(1):微前端總體架構概述,從微服務發微
-
985 碩士程序員,空窗 4 個月沒有 Offer!
-
一文搞懂 Spring 循環依賴
-
賽博鬥地主——使用大語言模型扮演Agent智能體玩牌類遊戲。
-
VScode右鍵打開(添加到右鍵)
-
記一次 .NET某工控視覺自動化系統 卡死分析
-
WindowsServer--SQL Server搭建主從同步實現讀寫分離 - 事務性分發