-1

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

代码:

.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 上,它在左侧滑动得更多。

所以基本上,它有点像这样:

火狐:--------立即下载--------

铬:----立即下载------------

IE: --DownloadNow-----------------

有没有办法可以在所有浏览器的秒位置拥有它?谢谢您的帮助!

4

3 回答 3

0

您可以使用加载 IE 特定样式表

<!--[if IE]>
<link rel="stylesheet"href="ie.css" />
<![endif]-->
于 2013-08-19T02:49:43.633 回答
0

你有没有在 CSS 中尝试过这样的事情

margin-left:auto;
margin-right:auto;
于 2013-08-19T03:43:45.027 回答
0

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

.downloadbtn
{
    margin: 0 auto;
    padding: 0;
    position: relative;
    right: 400px;
    top: 200px;
}
于 2013-08-19T04:28:45.153 回答