Question

我有一个简单的对象，我想在我的页面的某个位置显示。

代码：

.DownloadBtn
{
    height:35px; 
    width:150px; 
    background:#09F; 
    display:block; 
    position:absolute; 
    margin:280px 60px;
}

<a href="/products.html" class="DownloadBtn">Download Now</a>

这会在Firefox上的完美位置显示我的下载按钮。但是，在Google Chrome上，它会在左侧滑动更多。在IE上，它在左侧滑动得更多。

基本上，它有点像这样：

Firefox：-------- DownloadNow --------

Chrome：---- DownloadNow -----------

IE：--DownloadNow -------------------

我可以在所有浏览器的秒位置使用它吗？谢谢你的帮助！

Answer 1

您可以使用

加载IE特定的样式表

<!--[if IE]>
<link rel="stylesheet"href="ie.css" />
<![endif]-->

Answer 2

您是否在CSS中尝试过类似的内容

margin-left:auto;
margin-right:auto;

Answer 3

我不知道这是否有效，但我已经使用margin：auto属性修复了它。有关我的示例，请参阅下面的代码。

.downloadbtn
{
    margin: 0 auto;
    padding: 0;
    position: relative;
    right: 400px;
    top: 200px;
}

CSS Margin显示在浏览器之间的不同位置

3 个答案: