gpt4 book ai didi

带有 2 个元素的 css 菜单栏(左端和右端)

转载 作者:太空宇宙 更新时间:2023-11-04 12:55:10 24 4
gpt4 key购买 nike

我在网上找不到解决方案。所以我在这里发帖。

我想创建一个包含 2 个元素的栏,一个在左端,一个在右端:

'文本' ... ... 'img'。

'img',因为我也在寻找如何放置图标...

这是我想要的: https://www.youtube.com/watch?v=nQK0kz65wpo&list=UUpOIUW62tnJTtpWFABxWZ8g见 9:07。

不幸的是,他没有在教程中说明他是如何做到这一点的。

您可以看到“菜单”和图标之间有一个空元素。

<div>
<div class="handle">Menu</div>
<div class="icon"></span>
</div>

谢谢,

帕特里克

最佳答案

请试试这个:jsFiddle .

HTML:

<html>
<body>
<div>
<div class="handle">Text goes here</div>
<div class="icon">Image goes here: <img src="" /></div>
</div>
</body>
</html>

CSS:

<style>
.handle {
float: left;
}

.icon {
float: right;
}
</style>

关于带有 2 个元素的 css 菜单栏(左端和右端),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25898580/

24 4 0