站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        css數(shù)字文本過長被隱藏了怎么辦

        css數(shù)字文本過長被隱藏的解決方法:使用word-break屬性,給包含數(shù)字的元素添加“word-break:break-all;”樣式,讓數(shù)字文本自動換行即可全部顯示出來。

        css數(shù)字文本過長被隱藏了怎么辦

        本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

        連續(xù)的數(shù)字文本是無法自動換行的,

        css數(shù)字文本過長被隱藏了怎么辦

        如何過長且容器元素又設(shè)置了overflow: hidden;樣式,那么超出的部分會被隱藏。

        css數(shù)字文本過長被隱藏了怎么辦

        這時(shí)候我們,可以通過設(shè)置文本自動換行來將數(shù)字全部顯示出來。

        而想要設(shè)置自動換行,就需要使用word-break屬性,該屬性可以讓瀏覽器實(shí)現(xiàn)在任意位置換行。

        示例:

        <!DOCTYPE html> <html> 	<head> 		<meta charset="UTF-8" id="remove"> 		<style> 			div{ 				width: 200px; 				height: 100px; 				border: 1px solid red; 				overflow: hidden; 				word-break:break-all; 			} 		</style> 	</head>  	<body> 		<div>11111111111111111111111111111111111111111111111</div> 	</body> </html>

        效果圖:

        css數(shù)字文本過長被隱藏了怎么辦

        說明:

        word-break 屬性規(guī)定自動換行的處理方法。

        語法:word-break: normal|break-all|keep-all;

        • normal 使用瀏覽器默認(rèn)的換行規(guī)則。

        • break-all 允許在單詞內(nèi)換行。

        • keep-all 只能在半角空格或連字符處換行。

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
        主站蜘蛛池模板: 久久久久99精品成人片直播| 国产产无码乱码精品久久鸭| 国产成人精品一区二区三区免费| 99在线观看视频免费精品9| 中文字幕日韩精品在线| 91精品无码久久久久久五月天 | 国产精品免费观看| 亚洲综合欧美精品一区二区 | 国产精品久久影院| 四虎成人精品无码| 欧美成人精品高清在线播放 | 国产精品第一页在线| 国产精品视频网站| 91精品啪在线观看国产| 亚洲国产精品无码久久久不卡| 精品无码国产自产拍在线观看蜜| 精品国产自在在线在线观看| 久久精品午夜一区二区福利| 亚洲中文字幕久久精品无码APP| 久久久久久亚洲精品不卡| 国产精品美女网站在线观看| 青青草原综合久久大伊人精品| 国产AV午夜精品一区二区三区| 日韩精品无码中文字幕一区二区| 婷婷成人国产精品| 久久综合精品国产一区二区三区| 国产精品1024视频| 大胸国产精品视频| 99精品国产成人一区二区| 久久精品国产久精国产| 国产69精品久久久久777| 精品国际久久久久999波多野| 亚洲人精品午夜射精日韩 | 国产亚洲欧洲精品| 国内精品免费在线观看 | 亚洲精品国产精品国自产观看| 精品无码国产污污污免费网站国产 | 久久国产精品国产自线拍免费| 精品国产欧美一区二区| 欧美精品国产精品| 在线精品视频播放|