有没有简单的CSS方法将名称缩写为其首字母?
Foo Bar => F. B.
我想出了一个(原型)解决方案,但是text-overflow: '.'
只能在Firefox中使用。
我正在寻找一种在所有浏览器中都有效的CSS解决方案。
.initials {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: '.';
width: 2ch;
}
<p class="initials">Foo</p> <p class="initials">Bar</p>