相对于另一个文本对象(HTML、CSS),将文本放置在页面的对面
我在一页上有四个不同长度的文本对象。例如,我希望一个文本对象是'left:2em;'CSS。我希望另一个文本对象的位置与页面另一侧的第一个文本对象完全相反 我想从文本的中间而不是末端定位文本,因此每个文本对象与最近边之间的距离是相同的 -由于文本长度不同,因此看起来文本的位置不相等。即使“x”和“y”是相同的 -文本的位置看起来不均匀。即使定位代码为:相对于另一个文本对象(HTML、CSS),将文本放置在页面的对面,html,css,Html,Css,我在一页上有四个不同长度的文本对象。例如,我希望一个文本对象是'left:2em;'CSS。我希望另一个文本对象的位置与页面另一侧的第一个文本对象完全相反 我想从文本的中间而不是末端定位文本,因此每个文本对象与最近边之间的距离是相同的 -由于文本长度不同,因此看起来文本的位置不相等。即使“x”和“y”是相同的 -文本的位置看起来不均匀。即使定位代码为: right: 2em; left: 2em; right: 7em; left: 7em; 它使用“right:;”显示和“左:;”从文本的末
right: 2em;
left: 2em;
right: 7em;
left: 7em;
它使用“right:;”显示和“左:;”从文本的末尾定位文本。当您有不同大小的文本时,看起来它的位置不均匀。也许如果你能从中间定位文本,它看起来就像是等距排列的
还有别的办法吗
抱歉,如果这看起来让人困惑。是这样吗
有很多方法可以使元素定位到另一个位置。只需添加一些代码片段即可查看问题所在。添加一个小代码片段,以便我们了解您的编码问题。谢谢我稍微更新了一下。打开开发人员工具,看看计算出的位置是什么-然后你就能知道是你自己还是真的有问题。@rawblocks-发布你的实际html和css。我刚刚再次更新了它,让它更容易理解
<div class="parent">
<div class="child-1"></div>
<div class="child-2"></div>
</div>
.parent {
width: 100%;
position: relative;
}
.child-1 {
position: absolute;
top: 0;
left: 5em;
width: 100px;
height: 100px;
background-color: red;
}
.child-2 {
position: absolute;
top: 0;
right: 5em;
width: 100px;
height: 100px;
background-color: red;
}