如圖,左邊內(nèi)容右邊圖片。右側(cè)圖片固定寬度不設(shè)高度,左邊的寬度為總寬度-右側(cè)圖片占據(jù)的固定寬度超出文字顯示省略號(hào)我用flex進(jìn)行布局樣式大概如下,現(xiàn)在的問(wèn)題是我怎么讓左側(cè)的文字超出省略,一下組合是不好用的,因?yàn)楸仨氁贫▽挾龋绻医o左側(cè)制定width:100%;那么會(huì)把整個(gè)li的寬度都占滿才會(huì)省略。圖片就會(huì)被擠飛white-space: nowrap;overflow:hidden;text-overflow: ellipsis;li {display:flex;overflow:hidden;width:100%}.left{flex-grow:1};.right{flex:6rem;height:auto}
flex布局與文字超出顯示省略號(hào)問(wèn)題
繁星coding
2019-03-14 18:15:42