收集 - 实际开发中的技巧记录【页面】

文本类:

● 单行文本溢出显示省略号:

主要 CSS 属性是 text-overflow,值设为 ellipsis,另外需要给文本容器设置固定的 width 值。CSS 代码如下:

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

● a 标签内容过多时,控制换行:

如果内容是英文,不会自动换行,如果希望自动换行,给 a 标签添加样式:

    word-wrap: break-word;

如果内容是中文,会自动换行,如果希望自动换行,给 a 标签添加样式:

    white-space: nowrap;

 

 

 

23

123

 

posted @ 2018-03-02 11:37  诸葛战鹰  阅读(147)  评论(0)    收藏  举报