首页前端开发CSStext-overflow属性怎么用

text-overflow属性怎么用

时间2024-05-21 18:20:03发布访客分类CSS浏览61
导读: CSS3text-overflow属性 作用:text-overflow属性规定当文本溢出包含元素时发生的事情。 语法: text-overflow:clip|ellipsis|string; clip:修剪文本...
  CSS3text-overflow属性   作用:text-overflow属性规定当文本溢出包含元素时发生的事情。   语法:   text-overflow:clip|ellipsis|string;   clip:修剪文本。   ellipsis:显示省略符号来代表被修剪的文本。   string:使用给定的字符串来代表被修剪的文本。   注:所有主流浏览器都支持text-overflow属性。   CSS3text-overflow属性的使用示例                     div.test   {   white-space:nowrap;   width:12em;   overflow:hidden;   border:1pxsolid#000000;   }   div.test:hover   {   text-overflow:inherit;   overflow:visible;   }            

将鼠标移动到框内,查看效果.

  Thisissomelongtextthatwillnotfitinthebox   
  Thisissomelongtextthatwillnotfitinthebox      






本文转载自中文网

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: text-overflow属性怎么用
本文地址: https://pptw.com/jishu/665043.html
word-break属性怎么用 text-wrap属性怎么使用

游客 回复需填写必要信息