Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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/6/multithreading/4.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 Safari不使用css居中元素_Html_Css_Safari - Fatal编程技术网

Html Safari不使用css居中元素

Html Safari不使用css居中元素,html,css,safari,Html,Css,Safari,对于所有其他浏览器,我的css用于将页面中的任何元素居中,但不适用于safari(在safari 5.1.7上针对windows测试页面), 它只是将元素放在左边,就像没有对它们应用样式一样。 我的css: 在safari上看起来怎么样: |stuff | |text | |more stuff | 我尝试过的事情: 更多代码: display:

对于所有其他浏览器,我的css用于将页面中的任何元素居中,但不适用于safari(在safari 5.1.7上针对windows测试页面), 它只是将元素放在左边,就像没有对它们应用样式一样。 我的css:

在safari上看起来怎么样:

|stuff                         |  
|text                          |
|more stuff                    |
我尝试过的事情:

更多代码:

    display: block;
    margin-left: auto;
    margin-right: auto;

为了解决这个问题,我使用了旧的遗留HTML
标签。

首先,Safari 5.1.7已经过时;你不应该再专门针对它了。如果人们还在使用它,那是他们自己的错;浏览器中还有很多其他选择

这就是说,看起来您没有尝试
text align:center
,这将是解决方案

.centered{
文本对齐:居中;
}
.centered>div{
显示:内联块;
边框:1px绿色虚线;/*用于调试*/
左边距:自动;
右边距:自动;
文本对齐:左对齐;
}

东西
文本
更多的东西
Flexbox不受不带前缀的Safari 5支持-@Paulie_D ok,但我的原始代码适用于较新版本的Safari?你的问题是关于Safari 5的,对吗?然后需要使用较旧的语法和前缀。
 display:inline-block;
    display: block;
    margin-left: auto;
    margin-right: auto;