html - 响应芯片 - Materialise.css

Question

我在芯片中添加名字和姓氏，如下所示。

<div class="chip">{{firstName}}  {{lastName}}</div>

当name的长度很长的时候，就是芯片出来了。我想让芯片响应，以便名称适合它。请指导如何做。

Answer 1

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