Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/xml/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS FlexBox未在vBulletin论坛的IE内水平居中_Html_Css_Flexbox - Fatal编程技术网

Html CSS FlexBox未在vBulletin论坛的IE内水平居中

Html CSS FlexBox未在vBulletin论坛的IE内水平居中,html,css,flexbox,Html,Css,Flexbox,我曾尝试使用Flexbox为简单的横幅行对齐四个图像/链接。它在Chrome和FF中运行良好,但在IE 11中,Flexbox似乎失败了,因为图像是垂直堆叠的,而不是水平堆叠的 您可以在此处查看图像行: 它们靠近顶部,上面写着:“流行的RPF脉冲帖子:”注意在IE中,横幅是如何停止水平对齐的 在我的本地驱动器和非vBulletin论坛站点上,当我测试横幅代码时,IE中没有任何问题。因此,我想知道在vBulletin框架中删除代码是否会导致IE11出现问题。如有任何见解,将不胜感激!多谢各位 横

我曾尝试使用Flexbox为简单的横幅行对齐四个图像/链接。它在Chrome和FF中运行良好,但在IE 11中,Flexbox似乎失败了,因为图像是垂直堆叠的,而不是水平堆叠的

您可以在此处查看图像行:

它们靠近顶部,上面写着:“流行的RPF脉冲帖子:”注意在IE中,横幅是如何停止水平对齐的

在我的本地驱动器和非vBulletin论坛站点上,当我测试横幅代码时,IE中没有任何问题。因此,我想知道在vBulletin框架中删除代码是否会导致IE11出现问题。如有任何见解,将不胜感激!多谢各位

横幅行使用的CSS如下所示:

.sgFlexBox{
填充:0;
保证金:0;
显示:-网络工具包盒;
显示:-ms flexbox;
显示:-webkit flex;
显示器:flex;
-webkit柔性方向:行;
弯曲方向:行;
-webkit柔性包装:包装;
柔性包装:包装;
-webkit内容:中心;
证明内容:中心;
}
.sgFlexItemFooter{
宽度:205px;
高度:自动;
余量:0 12px 15px 12px;
文本对齐:居中;
} 
.rpfPostLink{
颜色:#FFF;
字体:粗体15px/21px Arial;
文本对齐:居中;
边界:0;
}
sgFlexIcon先生{
显示:块;
保证金:0自动10px自动;
位置:相对位置;
垂直对齐:底部对齐;
边框:2px实心#D2D2D2D2;
}
#sgCenterTitle{
颜色:#FFF;
字体:粗体18px/18px Arial;
文本对齐:居中;
填充:15px 0 10px 0
}

过渡DOCTYPE导致IE Edge模仿IE9,不幸的是,CSS
flexbox
就是这个版本。

我正在IE 11上查看它。抱歉,周末会中断播放。如果打开开发工具(F12),右上角的版本下拉列表是显示Edge还是其他内容?不用担心Karl-感谢您的回复!我按照你说的做了,选择的版本下拉列表是9(默认)。我注意到,如果我选择边缘,横幅将正确地水平显示。我假设选择Edge显示新的Windows10浏览器如何呈现页面?没错。我想是因为你使用的是一种过渡型的DOCTYPE(进入老式模式)。我收集了vBulletin在其中一个顶级php模板的顶部自动添加的内容。好奇的是,您建议使用什么DOCTYPE?通常现在都是关于HTML5的,所以应该是
。过渡的存在是因为它表明HTML4可能与旧的表示标记相混合。如果可以,请在
之前尝试
。感谢Karl-了解IE为什么会在flexbox代码上出现问题非常有帮助。如果横幅仍然挂着-希望修复的实现能够发生,并在修复问题上发挥作用。不用担心,我的不那么内敛的极客很高兴“贡献”这个特别的论坛的魅力lol