html文本自动适应,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;

}

这是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的文本，超出的部分会省略

这里的图标用了一个小正方形表示的

如果有用可以点赞并采纳，谢谢 ^^