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

文本类：

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

主要 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