HTML如何将图像对准向右对齐,然后用边距/填充?或将一个X PX对准右侧的一个X PX,另一个图像向左稍微向左

  • 本文关键字:PX 一个 图像 另一个 填充 然后 右对齐 HTML html
  • 更新时间 :
  • 英文 :


我正在尝试设置一个页脚,并写下一些HTML以将一个图像对准一个图像,而在左边是一个图像。问题是当您缩小时,这对两侧来说太多了,我希望它们更加居中。当您放大时看起来不错,但是再次,当您不放大时并不是那么好。

我如何对准右边的东西,但是将10%或100 PX向中心移动或另一种方式:我该如何居中,然后将其置于某些方面,然后将其移动150 PX?

,因此使用th

<!DOCTYPE html>
<style>
footer {
    box-sizing: border-box;
    color: white;
    font-size: 10px;
    height: 60px;
    padding-top: 110px;
    text-align: center;
}
footer img {
    position: absolute;
    top: 20px;
}
footer #footer-riba {
    left: 7cm;
}
footer #footer-intbau {
    right: 7cm;
}
@media (max-width: 768px) {
  /* For desktop: */
 footer-riba{
 display:none;
 }
}
</style>
	
<footer>
    <img id="footer-riba" src="xxxxx.png">xxxxx | 
    <img id="footer-intbau" src="xxxxxx.png">
</footer>

最新更新