当前位置：文江博客话题详情

放置两个图像。一个右上角，另一个左下角

发布于 2024-10-19 23:21:05 字数 96 浏览 1 评论 0原文

请有人帮我对齐左下角的一张图像和右上角的另一张图像。所以我有一个基本页面...两张图像，我希望它们彼此对角相对。非常简单，但我尝试过的每件事都只是使两个图像在右侧对齐......

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

终止放荡 2024-10-26 23:21:05

这是一种涉及绝对定位的解决方案。协调多个实体可能会很棘手，但如果您想要精确的布局，它就非常灵活。

<div style="position: relative; width: 300px; height: 300px;">
    <div style="position: absolute; background-color: red; width: 100px; height: 100px; left: 0px; top: 0px;">Top Left</div>
    <div style="position: absolute; background-color: blue; width: 100px; height: 100px; right: 0px; bottom: 0px;">Bottom Right</div>
</div>

http://jsfiddle.net/UedkS/

Here's one solution that involves absolute positioning. It can get tricky to coordinate multiple entities, but it's pretty flexible if you want an exact layout.

<div style="position: relative; width: 300px; height: 300px;">
    <div style="position: absolute; background-color: red; width: 100px; height: 100px; left: 0px; top: 0px;">Top Left</div>
    <div style="position: absolute; background-color: blue; width: 100px; height: 100px; right: 0px; bottom: 0px;">Bottom Right</div>
</div>

http://jsfiddle.net/UedkS/

回复收藏 0 原文

~没有更多了~