CSS實現文字自適應寬度

樓主您好，flex方式還是比較好的，您說的空格可以用負的margin解決一下，暫時還沒弄明白是怎麼產生的
我這裏用BFC的方式實現了一下
主要代碼如下
.item{
display: inline-block;
max-width: 100%;
}
.item-icon i{
display: inline-block;
width: 10px;
height: 10px;
background: rebeccapurple;
margin: 2px;
}
.item-icon{
float: right;
}
.item-txt{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
這是一段很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長的文本，超出的部分會省略

這裏的圖標用了一個小正方形表示的
如果有用可以點贊並采納，謝謝 ^^





創作打卡挑戰賽


贏取流量/現金/CSDN周邊激勵大獎