CSS breadcrumb:隐藏最左边的项目

时间:2015-07-20 12:43:53

标签: html css3 breadcrumbs

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

到目前为止的吸血鬼:

http://plnkr.co/edit/VNtaYX?p=preview

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

我找不到一种说法:“ul,你可以尽可能宽。你可以向左延伸,但不要比div.breadcrumb的右端更进一步。”

感谢您帮助..!

1 个答案:

答案 0 :(得分:1)

white-space: nowrap;在最后一个类型上为你做了诀窍吗?

http://plnkr.co/edit/PLu13HZoPiZMBEjw6ehT?p=preview