html - IMG 换行(对齐问题)

Question

我有一个版权页脚，上面有文字和一个小标志；问题是在屏幕上(像手机一样小)它看起来不错，但在手机上，IMG 会换行(在文本下面而不是在它上面)。

  <div class="copyrightbar">
  <div id="copyright">Copyright &#169; 2014 <img style="padding-left: 7px; padding-right: 5px;" src="images/copyright.png" width="65" height="19" alt=""/> </div>
</div>  

.copyrightbar {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0px;
    background-color: #333;
    z-index: 600;
}
#copyright{
    font-size: 12px;
    font-family: Globerb;
    height: 20px;
    position: absolute;
    opacity: 1;
    color: #646566;
    top: 8px;
    z-index:4999;   
}
#copyright img {
position: absolute;
margin-top: -2px;
}

我是 css 新手，如果我不专业，请见谅。

Answer 1

这个问题可能是因为图片尺寸超过了手机屏幕的尺寸，所以出现了因为图片没有位置而出现的落线。尝试使用 width 和 hight 缩小图像。

您甚至可以尝试删除 position:absolute;。