介绍
这篇文章给大家分享的是有关css省略不起作用的解决办法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
css省略不起作用的解决办法:首先打开css,然后将属性文本溢出:“省略”跟“溢出:隐藏;”以及“空白:nowrap;}宽度:150 px;“一起使用即可。
引用><强>解决css属性文本溢出:省略不起作用(文本溢出显示省略号)强>
使文本溢出:elipsis起作用:
想要使用css属性文本溢出:elipsis起到作用,样式必须跟溢出:隐藏;空白:nowrap;}宽度:150 px;一起使用
1,文本溢出语法:
文本溢出:剪辑|省略号2,文本溢出参数说明:
片段:不显示省略标记(…),而是简单的裁切
elipsis:当对象内文本溢出时显示省略标记(…)
3,简单使用:
& lt; !doctype html> & lt; html> & lt; head> & lt;元charset=皍tf-8"祝辞 & lt; title>测试页面& lt;/title> & lt;/head> & lt;风格类型=拔谋?css"比; test { 文本溢出:省略; 溢出:隐藏; 空白:nowrap;} 宽度:150 px; } & lt;/style> & lt; body> & lt; ul id=皌extFlow"祝辞 & lt;李类=皌est"祝辞& lt; https://www.yisu.com/zixun/a href=" # ">第一标题:奇艺之旅> 李> <李类=安馐浴? 第二标题:萨迪斯的项圈的奇闻异事> 李> <李类=安馐浴? 第三标题:杜斯的奇妙之旅。测试数据。测试数据> 李> 身体>