题目长度外溢时,全自动显示信息为省略“...”

2021-03-12 06:26 jianzhan


拷贝编码
编码以下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style tyep="text/css">
.my_css {
overflow:hidden;
word-break:keep-all;
white-space:nowrap;
text-overflow:ellipsis;
width:120px;
height:20px;
font-size:12px;
}
</style>
</HEAD>
<BODY>
<div class="my_css"><a title="內容超过后全自动掩藏并加省略标识(...)引号的Css" href="#">內容超过后全自动掩藏并加引号的Css</a></div>
</BODY>
</HTML>

Css文本文档:

版本号:IE6+特有特性

英语的语法:
text-overflow : clip | ellipsis
赋值:
clip  :  默认设置值。无法显示省略标识(...),而是简易的裁剪
ellipsis  :  当目标内文字外溢时显示信息省略标识(...)


表明:
设定或查找是不是应用1个省略标识(...)标识目标内文字的外溢。
这个特性仅仅功效于水平内联方位的,一般的西方文字的外溢。内联外溢产生内行内的文字超过能用宽度却沒有换行机遇的情况下。
要好制外溢产生而且运用 ellipsis 值,作者务必设定目标的 white-space 特性值为 nowrap 。
倘若沒有换行机遇(比如,目标器皿的宽度是狭小的,而内有很长的沒有有效断行的文字),沒有运用 nowrap 也是有将会外溢。
以便使 ellipsis 值被运用,此特性务必被设定到具备不能视地区的目标。最好是的挑选是设定 overflow 特性为 hidden 。设定 overflow 特性为 scroll 或 auto 时,此特性也会运用。可是会有翻转条出現。
根据挑选省略标识,掩藏的文字能够被挑选。入选择产生时,省略标识会掩藏而被文字更换。
此特性为在DHTML中制做省略标识出示了高效率的方式。
此特性针对 currentStyle 目标而言是写保护的。针对别的目标而言是可读写能力的。
对应的脚本制作特点为 textOverflow 。