CSS知识点不定时更新

text-overflow 属性：

用法及常用属性

div.test
{
text-overflow:ellipsis;
}

clip：修剪文本。
ellipsis：显示省略符号来代表被修剪的文本。

带hover的text-overflow

div.test
{
white-space:nowrap; 
width:12em; 
overflow:hidden; 
border:1px solid #000000;
}

div.test:hover
{
text-overflow:inherit;
overflow:visible;

此例中将鼠标放置div.text元素上将显示全部文本

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    wzhiq896阅读 1,843评论 0赞 2
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,870评论 1赞 92
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,357评论 0赞 11
  • 十·CSS常用样式
    1.块级元素和行内元素 块级(block-level)元素；行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,083评论 1赞 4
  • 去走，去看 - 2016.8.5
    最近小朋友和我断续看旅行纪录片《穿行新西兰》和《一路向南》，当然主要是我喜欢，他跟着看热闹，他喜欢里面的lowri...
    章鱼远阅读 188评论 0赞 0