Javascript Chrome不能正确地渲染表内的字幕，而Firefox可以

我的页面上有一个iframe，里面加载了一些html。我能够使用javascript从我的页面修改iframe的加载内容

加载的html中的一个元素是表单元格中的字幕。字幕的文字很长。我希望选取框的大小取决于表中其他行的大小，也就是说，没有任何特定的大小，而是填充它所在的容器。Firefox做得很好

然而，同样的代码在Chrome中呈现得非常糟糕。Chrome强制选取框宽度与文本大小相同。也就是说，如果字幕中有大量文本，字幕宽度将变大

我如何使Chrome以与firefox相同的方式呈现html，即使字幕具有合理的大小

我试图解决这个问题的一种方法是修改我页面中iframe内的字幕宽度。但是，当我这样做时，字幕的大小会减小，但文本仍然表现为远离字幕。也就是说，我必须等待文本到达缩小的字幕窗口很多。 我认为这是因为在加载iframe和javascript从我的页面修改字幕大小之间有一些延迟。因为延迟选框已经决定了它的大小，而文本的位置就好像选框很宽一样，即使选框的大小后来改变了，文本也不知怎么地不知道它

下面是代码，下面是代码的JSFIDLE：

另外，我知道marquee是一项古老的技术，我不应该使用它，但我必须使用它，因为我的传统原因。另外，我不能把帐篷从桌子的格子里拿出来，它必须留在桌子里面。还应注意，当字幕不在表内时，Chrome会正确渲染

Lorem ipsum door sit amet Lorem ipsum door sit amet 同侧盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座 同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧同侧 我是说，我是说，我是说，我是说，我是说，我是说，我是说，我是说 同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床同床 同侧盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座盲座 阿梅特·洛雷姆·伊普苏姆·多尔坐阿梅特·洛雷姆·伊普苏姆·多尔坐阿梅特

---

但是您的代码片段正在工作。。刚刚点击run@PushkerYadav如果你用最新的Chrome浏览器打开它，屏幕的宽度很大，你没看到吗？