gpt4 book ai didi

html - div 漂浮在居中的 div 旁边?

转载 作者:行者123 更新时间:2023-11-28 15:01:18 29 4
gpt4 key购买 nike

我有一个 4 个链接。我希望他们都在同一行。其中两个在中间,另外两个在右边。我把它们包了两个又两个,但我无法让它工作。

我的 CSS 是这样的:

#links_center {

}
#links_right {
float: right;

}

但它不起作用。正确的链接在前两个链接下。有人可以帮我吗。

最佳答案

这是一种方法,假设您的链接位于固定宽度的容器中。请记住,这不是唯一的方法,只是一种可能适合您的快速解决方案:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Links Test</title>

<style type="text/css">
#links_center {
float: left;
width: 600px;
}

#links_right {

}
</style>
</head>
<body>
<div style="width: 800px">
<div id="links_center">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
</div>

<div id="links_right">
<a href="#">Link 3</a>
<a href="#">Link 4</a>
</div>
</div>
</body>
</html>

关于html - div 漂浮在居中的 div 旁边?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1985840/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com