用于mozilla的css和用于chrome的css

时间:2014-02-01 15:07:11

标签: css google-chrome mozilla

我想问一下我在mozilla和firefox上使用<p>的中心问题。你知道,它在chrome上看起来不错,但在mozilla上看起来不是很好。

这里是我试图调整的CSS:

.center-bottom, -moz-div.center-bottom  {
  align-content: center;
  float: left;
  margin-left: 23%;
  margin-top: -6px;
}

这里是镀铬:
http://imagizer.imageshack.us/v2/1024x768q90/546/725z.jpg

在Firefox上:
http://imageshack.com/a/img855/5242/ya5y.jpg

描边线内的第一行是javascript打印线。我希望将其与第二行一起放在mozilla和chrome以及IE上。

从我的研究中我看到了-moz - , - webkit-,top,left等(旧的边缘)但我似乎无法让它们起作用!

1 个答案:

答案 0 :(得分:1)

我认为您应该首先尝试使用标准css而不是应用特定于浏览器的样式。对我来说,使用简单的text-align: center看起来应该做的工作。但由于你没有提供真正的代码,因此无法准确地告诉你。

.center-bottom {
  text-align: center;
  margin: auto;
}

fiddle