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就行了,文字多了自然会把它挤宽。