【问题标题】:Margin left right Align different in firefox and chrome左右边距在firefox和chrome中对齐不同
【发布时间】:2012-10-25 18:03:35
【问题描述】:

我只开发了我的观看 firefox。完成后我在 chrome 中打开我的网站。然后我看到对齐问题...

代码如下

<span class="fbtopbutton"> <div id="left"> <a href="#"><img src="/images/fb-login.png"></a> </div></span>

我在 html 代码的不正确位置使用此代码..(由于一些 php 代码限制..)这就是为什么使用 margin-left top 和 right

Css 代码 .fbtopbutton{ position: absolute;margin-top: 5px;margin-left: 27px;}

在 Firefox 视图中 在 Chrome 视图中

【问题讨论】:

    标签: css


    【解决方案1】:

    试试:

    .fbtopbutton{ position: absolute;top: 5px;right:(however far from the right you need it to be)}
    

    确保父级也处于绝对或相对位置。

    【讨论】:

    • 这段代码没有正确对齐..但是这段代码在两个浏览器中产生相同的效果..很多:)
    • @user1753971 我已经编辑了我的答案。您需要将 right 属性设置为跨度和父级右边缘之间所需的距离。
    猜你喜欢
    • 2011-05-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-25
    • 1970-01-01
    • 1970-01-01
    • 2021-11-23
    • 2016-07-01
    相关资源
    最近更新 更多