将徽章类型改为“文字徽章”,然后在文字内容定义区输入要生成的徽章内容,每一次回车即可生成一个徽章。
如下图,这里在文字内容区域输入了5行,所以会生成5个文字徽章:
页面刷新效果:
文字徽章的主题颜色默认为红色,你可以根据需要在右侧的“文字徽章样式”上单击某行文字为其单独设置主题。如下图,点击“财务部”,主题选择为“藏青”:
页面刷新之后,“财务部”的主题颜色就变化了:
文字徽章还可以勾选为“边框式”,效果如下:
默认情况下,圆点徽章和文字徽章都是内联型的页面元素。也就是说,不论你在页面中添加多少个徽章,它们都会显示在同一行,除非宽度不够时才会折行显示。对于文字徽章而言,它还有个选项就是“徽章组”,一旦启用,就会将其放到一个组里,这个组就变成了块级元素,且多个徽章之间的距离会变的更加宽松一些:
一旦启用徽章组,那么,外部间隔属性也就同时可以使用了。