如何使span变为相对宽度

因为现在客户端的电脑显示器分辨率不一致，所以排版的时候，除非特定的位置，一般不用固定宽度的。都是用的百分比。像你这种情况，还是换成百分比的好，不然后期排版再调整的话，会更麻烦。

至于快速调整的方法，就是给同类型的span赋予属性，比如class，id之类的，然后通过js进行统一调整。

只有在DOM元素被渲染了之后，才能获取元素实际的宽高。

换句话说，如果元素还未插入DOM树里，就不可能走到渲染这一步，更不可能拿到元素的宽和高。

综上所述，你只能通过在DOM中插入元素，之后再获取已经渲染好的元素的宽高。

其实这个问题很简单——先要认清span的属性，因为span属于内联元素，而内联元素是忽略宽度和高度的，明白了这一点解决就很简单了，解决的办法就是利用css将span变为盒装元素即可。

将内联元素定义为盒装元素的方法有两种：

直接使用显示属性display将其定义为盒装元素；

display:block;

2使用浮动属性float将其自动定义为盒装元素；

以上就是关于如何使span变为相对宽度全部的内容，包括:如何使span变为相对宽度、jquery如何获取动态创建的且还没有放入dom的元素的宽度、SPAN元素的宽度是文本的0.7倍是什么意思等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！