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