span根据内容自适应宽度怎么做？

2024-11-17 14:29:57

推荐回答（2个）

回答1：

span自身是个行内元素，不设宽度的，如果要自适应宽度，首先要将行内元素设置为块级元素

span{display:block;}
我写个样式，你试试同时加几个span，里面的内容是可以自适应的
span{display:block;float:left;padding:3px;margin-right:5px; background:#ccc;}

html:
内容自适应宽度试试内容是否自适应宽度

回答2：

span本身就是自适应宽度。你把里边那层去掉就行了。
还有，楼主，你到底想让文字适应宽度还是想让宽度适应文字？
如果是宽度去适应文字的话，你把它的宽度调成1就行了，文字多了自然会把它挤宽。