冲突解决：dispaly:flex和white-space: nowrap;

先看效果

想要实现的目的是让书的介绍超出部分省略号显示，这个当然没有难度，掏出我们的三部曲

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

来看结果

唉？我左边的怎么被挤没了？ 我设置的是左边固定宽度，右边flex：1 自适应，
查阅得知，white-space: nowrap;和display:flex；是存在冲突的。
解决方案，在受影响的flex布局，注意是设置flex的元素设置min-width: 0; 完美解决

 .book-wrapper{
        min-width: 0; //解决white-space冲突
        flex:1;
        padding-left: 20px;
    }

效果如下