CSS 面包屑：隐藏最左边的项目

Question

我正在尝试在 CSS3 中创建面包屑导航。我希望最后一项完全可见。如果需要，最左边的项目应该离开显示区域。

到目前为止的 plunker：

<div class="breadcrumb">
    <ul>
        <li>...

我找不到表达方式："ul, be as wide as you need. You may extend to the left, but don't go any further than the div.breadcrumb's right end"。

感谢您的帮助..！

Answer 1

white-space: nowrap; 是否可以在最后一个类型上为您解决问题？

CSS breadcrumb: hide leftmost items