css 如何在页脚中将文本右上对齐?[关闭]

idv4meu8  于 2023-05-08  发布在  其他
关注(0)|答案(1)|浏览(119)

**关闭。**此题需要debugging details。目前不接受答复。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答这个问题。
5天前关闭。
Improve this question
我试图使我的页脚看起来像一列的链接旁边的另一个,但我似乎不能让他们彼此。相反,一个保持居中,另一个向左移动。我不知道该怎么办,请帮帮忙。

a{
    color: red;
    font-size: 30px; 
}

.Information h1{
    
    margin-top: 25px;
    margin-right: 25px;
    color: red;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 30px;
    
    
}
.Information h2{
    font-size: 30px;
    position: absolute;
    top: 10px;
    
    
}
footer{
    background-color: white;
}
3phpmpom

3phpmpom1#

由于HTML在你的例子中丢失了,我只能猜测,你到底想要什么。“一列链接”对我来说听起来更像是一个列表,即。一项在另一项之下。另一方面,你提到“彼此相邻”。你会在我的代码片段中找到这两种变体(有几种方法可以解决这个问题,我选择了Flexbox模型)。希望这能帮上忙。

footer {
    padding: 0.5em;
    height: 30vh;
    background: orange;
}

footer.demo1 .links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

footer.demo2 .links {
    display: flex;
    column-gap: 0.5em;
    justify-content: flex-end;
}

footer .links h2 {
    margin: 0 0 5px;
    font-size: 1.25em;
    line-height: 1;
}

footer .links a {
    color: red;
}
top right - list like
<footer class="demo1">
    <div class="links">
        <h2><a href="#" alt="Item">Item</a></h2>
        <h2><a href="#" alt="Item">Item</a></h2>
    </div>
</footer>
<br>
top right - side by side
<footer class="demo2">
    <div class="links">
        <h2><a href="#" alt="Item">Item</a></h2>
        <h2><a href="#" alt="Item">Item</a></h2>
    </div>
</footer>

相关问题