途说笔记

终不似,少年游。

日志标题过长的部分隐藏为省略号.

普通 7 评 439 度

自从换上这个模板之后,发现了一个知名致命的生理缺憾,那就是过长的标题会溢出.这给我这个轻微强迫症的人造成了及其微小的心理阴影,所以我觉得必须做点什么,即使是日志里过长的标题本来就没几篇.(实际情况是所有日志也没多少.)

开始用的时候寻思着大不了以后尽量缩减标题就是了.直到前两天群里有人也问了同样的问题,貌似无解.在论坛里也看见了同样的问题(实际上是一个人).正好顺便把这个问题直接给办了得了.于是在google的帮助下,找到了几行css代码,用了之后效果显著.索性也就贴上来,省的以后找不到.


width:23em; 
white-space:nowrap;/* 不换行 */ 
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ 
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ 

嗯,工整多了!


微信5.0测试,扁平化的世界不需要解释
7 评论
    强子IE BrowserWindows 7
    2013年08月07日回复

    不够完美,能给日志的标题对应html标签加个title属性,当鼠标移到上面就能看到完整的标题,会更完美,你认为呢?

      动力火柴IE BrowserWindows 7
      2013年08月07日回复

      @强子 @强子:对呀,我怎么没想到呢.

    无名客IE BrowserWindows 7
    2013年08月04日回复

    受教了。

    旅行者IE BrowserWindows 7
    2013年08月04日回复

    不错,学习了

    天骄之弓IE BrowserWindows 7
    2013年08月04日回复

    顶起 支持博主 加油

    国外leadIE BrowserWindows 7
    2013年08月03日回复

    确实对有些人还说还是很有用的哦,至少省得去自己百度了。哈

    射雕天龙IE BrowserWindows 7
    2013年08月03日回复

    学习了!