css 文字超出隐藏-CSS-在文本超过指定长度后隐藏并显示为省略号

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

一般文本截断（适用于内联和块）：

.text-overflow {

display:block;/*需要添加内联对象*/

宽度：25em；

word-break:keep-all;/* 没有换行符*/

white-space:nowrap;/* 没有换行符*/

Overflow:hidden;/* 当内容超过长度时隐藏多余的内容*/

text-overflow:ellipsis;/* 当对象中的文本溢出时显示省略号（...）； 需要和overflow:hidden;一起使用。 */

对于表文字溢出的定义：

显示表格越界的省略号

桌子 {

宽度：25em；

table-layout:fixed;/* 只有当表的布局算法定义为fixed时css 文字超出隐藏css 文字超出隐藏，下面td的定义才起作用。 */

TD{

宽度：100%；

word-break:keep-all;/* 没有换行符*/

white-space:nowrap;/* 没有换行符*/

Overflow:hidden;/* 当内容超过长度时隐藏多余的内容*/

text-overflow:ellipsis;/* 当对象中的文本溢出时显示省略号（...）； 需要和overflow:hidden;一起使用。 */

喜欢：

-------------------------------------------------- ----------------------------------------------------------

如果想让键盘悬停在省略号上显示内容，就写在标题里吧~

代码：

#div1{ 
         padding: 10px;
         width: 200px;
         height:30px;
         text-shadow: 3px 3px 3px #aaaaaa;
         border: 1px solid #999999;
         text-overflow: ellipsis;
         overflow: hidden;
         word-break: break-all;
         white-space: nowrap;
         }



          AAAAAAAAAAAAABBBBBBBBBBBBBCCCCCCCCCCCCCCDDDDDDDDDDDD

复制