HTML如何将图像对齐,然后使用边距/填充?或者居中,将一个x xx对齐到右边,另一个图像稍微向左对齐

问题描述 投票:0回答:1

我正在尝试设置一个页脚并编写一些html来将一个图像对齐,一个图像向左对齐。问题是,当你缩小时,它的侧面太多了,我希望它们更加居中。当你放大时它看起来很好但是当你不放大时它就不那么好了。

我怎样才能将一些东西向右对齐,但朝向中心或另一种方式有10%或100像素的移动:我怎样才能将某些东西放在中心位置然后向右移动150 px?

html
1个回答
0
投票

所以通过使用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>
© www.soinside.com 2019 - 2024. All rights reserved.