html - 响应芯片 - Materialise.css

标签 html css materialize

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

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

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

最佳答案

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

关于html - 响应芯片 - Materialise.css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49349481/

相关文章:

html - 网站日期是否有标准化(元?)标签?

javascript - 我的登录页面的 jquery 验证不起作用

php - 如何在 style 标签中使用 php 函数

css - 将我编译的 .scss 文件设置为输出到 config.rb 中的根文件夹

html - 如何增加 div 的高度以适应内容?

html - Bootstrap 4 : position <div> in a responsive way next to centered image

javascript - CSS3 卡片翻转和展开

html - HTML 中的数据格式不正确

css - 无法在 materializecss select 中选择选项

html - 内容限制 - 安全区域