当materializecss中的面包屑超过屏幕长度时，我如何截断它们的开头，只留下最后的面包屑？

在materializecss中，当面包屑超过屏幕长度时，可以通过CSS样式来截断它们的开头，只留下最后的面包屑。具体的做法是使用CSS的文本溢出截断属性（text-overflow: ellipsis）和强制单行显示属性（white-space: nowrap）。

以下是实现的步骤：

1. 首先，给包含面包屑的父容器添加一个固定宽度的样式，以限制面包屑的显示区域。例如：

.breadcrumb-container {
  width: 100%;
  overflow: hidden;
}

1. 然后，给面包屑容器添加以下样式，以实现截断效果：

.breadcrumb-container .breadcrumb {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

通过设置white-space属性为nowrap，可以强制面包屑在一行内显示，而不换行。overflow属性设置为hidden，以隐藏超出容器宽度的内容。text-overflow属性设置为ellipsis，表示当内容溢出容器时，用省略号表示截断的部分。

这样，当面包屑超过容器宽度时，就会自动截断开头的部分，只显示最后的面包屑。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），它可以加速网站的访问速度，提高用户体验。产品介绍链接地址：https://cloud.tencent.com/product/cdn