html获取字段前几个字母,纯CSS实现取字符串的第一个字符实现文字图标功能

如何通过CSS实现文字图标

/*图标样式*/

.nav-icon-normal {

width: 32px;

height: 32px;

line-height: 33px;

display: inline-block;

border-radius: 6px;

background-color: #b3b4c5;

vertical-align: middle;

overflow: hidden;

font-size: 16px;

text-indent: 8px;

text-align: center;

letter-spacing: 8px;

color: #fff;

word-break: break-all;

}

技术是基础

能力是关键

沟通最重要

通用接口

效果预览

这样基本效果实现出来，但是还是差一点。怎么通过实现图标背景色跟随文字

如何实现看这里，下面代码仅用于该文章的示例，真实使用需要根据实际情况做调整

<