Firefox,Firefox中的Bootstrap映像无法正确对齐

时间:2022-11-07 19:04:05

My Boostrap framework is working fine on Chrome and Safari. It also is mostly on Explorer and Firefox. However, in Explorer and Firefox, a couple of images on interior pages appear to have an offset applied. The issue will be apparent when viewing the pages:

我的Boostrap框架在Chrome和Safari上运行良好。它主要是在Explorer和Firefox上。但是,在Explorer和Firefox中,内部页面上的几个图像似乎应用了偏移。查看页面时,问题会很明显:

notagamebook.com/the-author-2 notagamebook.com/excerpts

I have been unable to find anyone else who has encountered the same issue. And I realize a manual fix won't be all that difficult, but I would like to keep the images in the framework and figure out what is happening in case it occurs again in the future.

我一直无法找到遇到同样问题的其他人。我意识到手动修复并不是那么困难,但我想将图像保留在框架中并弄清楚发生了什么,以防将来再次发生。

EDIT After attempting to fix this issue manually, I have realized it is NOT a Bootstrap issue. Firefox and Explorer are pushing the first piece of content following the page label to the right. It did so even when coding outside of the Bootstrap framework. I tried putting a piece of text as the first item and got the same result.

编辑尝试手动修复此问题后,我意识到这不是一个Bootstrap问题。 Firefox和Explorer正在推送页面标签后面的第一段内容。即使在Bootstrap框架之外进行编码,它也是这样做的。我尝试将一段文字作为第一项并获得相同的结果。

1 个解决方案

#1


I've found the solution to this problem: There was a difference in the bottom margin being applied to the title in Explorer and Firefox, pushing the content to the right of the title div.

我找到了解决这个问题的方法:在资源管理器和Firefox中应用于标题的底部边距存在差异,将内容推送到标题div的右侧。

#1


I've found the solution to this problem: There was a difference in the bottom margin being applied to the title in Explorer and Firefox, pushing the content to the right of the title div.

我找到了解决这个问题的方法:在资源管理器和Firefox中应用于标题的底部边距存在差异,将内容推送到标题div的右侧。