.breadcrumb-item {
    width: auto;
    float: left;
    height: 30px;
    text-align: left;
    line-height: 30px;
    overflow: hidden;
    cursor:pointer;
    padding:0 10px;
    max-width:20%;
}
    .breadcrumb-item .content {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .breadcrumb-item .content a {
        width: 100%;
        text-decoration: none;
        color: #000;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
.breadcrumb-item:hover {
    background-color: #ececec;
}