日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪(fǎng)問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > CSS >内容正文

CSS

CSS基础(part18)--溢出的文字省略号显示

發(fā)布時(shí)間:2023/12/19 CSS 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 CSS基础(part18)--溢出的文字省略号显示 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

學(xué)習(xí)筆記,僅供參考,有錯(cuò)必糾

參考自:pink老師課堂筆記


文章目錄

      • 溢出的文字省略號(hào)顯示
        • white-space
        • text-overflow
        • 溢出的文字省略號(hào)顯示三部曲
        • 舉個(gè)例子



溢出的文字省略號(hào)顯示


white-space


white-space設(shè)置或檢索對(duì)象內(nèi)文本顯示方式,通常我們使用于強(qiáng)制一行顯示內(nèi)容:

white-space: normal; /*默認(rèn)處理方式*/white-space: nowrap; /*強(qiáng)制在同一行內(nèi)顯示所有文本,直到文本結(jié)束或者遭遇br標(biāo)簽對(duì)象才換行。*/

text-overflow


text-overflow設(shè)置或檢索是否使用一個(gè)省略標(biāo)記(...)標(biāo)示對(duì)象內(nèi)文本的溢出:

text-overflow : clip; /*不顯示省略標(biāo)記(...),而是簡(jiǎn)單的裁切 */ text-overflow:ellipsis; /*當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...)*/

溢出的文字省略號(hào)顯示三部曲


/*1. 先強(qiáng)制一行內(nèi)顯示文本*/ white-space: nowrap; /*2. 超出的部分隱藏*/ overflow: hidden; /*3. 文字用省略號(hào)替代超出的部分*/ text-overflow: ellipsis;

舉個(gè)例子


HTML頁(yè)面:

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>定位</title><style>div {width: 100px;height: 50px;border: 2px solid red;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}</style> </head> <body><div>安徽財(cái)經(jīng)大學(xué)統(tǒng)計(jì)與用用數(shù)學(xué)學(xué)院安徽財(cái)經(jīng)大學(xué)統(tǒng)計(jì)與用用數(shù)學(xué)學(xué)院安徽財(cái)經(jīng)大學(xué)統(tǒng)計(jì)與用用數(shù)學(xué)學(xué)院安徽財(cái)經(jīng)大學(xué)統(tǒng)計(jì)與用用數(shù)學(xué)學(xué)院</div> </body> </html>

頁(yè)面:

總結(jié)

以上是生活随笔為你收集整理的CSS基础(part18)--溢出的文字省略号显示的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 9i看片成人免费 | 啦啦啦免费高清视频在线观看 | 精品一区二区三区成人免费视频 | 国产黄a三级三级三级看三级男男 | 免费看一区二区三区 | 中国免费黄色片 | 国产成人一区二区三区 | 国产99视频在线观看 | 久久久久久色 | 国产成人精品二区三区亚瑟 | 男女野外做受全过程 | 日本视频网站在线观看 | 精品国产第一页 | 久草精品在线 | 日本国产亚洲 | 在线观看亚洲视频 | 美女久久久久久 | 中文字幕有码在线视频 | 日韩视频 中文字幕 | 中文字幕一区二区三区av | 又色又爽又黄无遮挡的免费视频 | 精品国产乱码久久久久久1区2区 | 活大器粗np高h一女多夫 | 女生和男生一起插插插 | 亚洲av无码一区二区乱子伦 | 免费看女人裸体 | 高h乱l高辣h文短篇h | 91精品国产乱码在线观看 | 国语对白av | www.youjizz.com中国 | 依依成人在线视频 | 自拍偷拍小视频 | 肉大捧一进一出免费视频 | 久久αv | 日剧网 | 都市激情麻豆 | 亚洲人成在线播放 | 国产剧情av在线 | 91蜜桃婷婷狠狠久久综合9色 | 国产中文一区 | 成人动漫视频在线观看 | 曰批免费视频播放免费 | 久久亚洲私人国产精品va | 国产a久久 | 久草久操 | 成人区精品一区二区婷婷 | 免费婷婷 | 亚洲一线av | 日韩伦理一区 | 9i看片成人免费 | 男女裸体无遮挡做爰 | 网红福利视频 | 国产高清视频免费在线观看 | 中文字幕精品国产 | 久久久精品国产sm调教 | 成人图片小说 | 在线午夜av | 无码成人一区二区 | 日本少妇久久久 | 欧美精选一区二区 | 肌肉猛男裸体gay网站免费 | 日韩欧美一级二级 | 欧美一级特黄aaaaaa大片在线观看 | 国产美女无遮挡网站 | 韩国久久久久久 | 亚洲av中文无码乱人伦在线视色 | 午夜精品福利一区二区蜜股av | 天堂www中文在线资源 | 青草视频在线免费观看 | 精品熟妇无码av免费久久 | 欧美人禽杂交狂配 | 天堂中文在线8 | 亚洲天堂男 | 久久中文av | 美女自拍偷拍 | 国产吞精囗交免费视频网站 | 告诉我真相俄剧在线观看 | 日本真人做爰免费视频120秒 | 夜夜骚视频 | 亚洲精品理论片 | 免费的三级网站 | 国产波霸爆乳一区二区 | 澳门免费av | 热久久精品 | 日韩免费在线观看视频 | 免费成人深夜夜 | 成人黄色免费看 | 琪琪女色窝窝777777 | 国产精品久久影院 | 亚洲国产精品99久久 | 国产亚洲精品熟女国产成人 | 国产精品中文在线 | 欧美孕交视频 | 四季av在线一区二区三区 | 欧美国产一二三区 | 欧美日韩精品久久久免费观看 | 国产麻豆成人传媒免费观看 | 国产一区二区在线观看视频 | 四虎国产成人永久精品免费 |