Question

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

我想创建一个包含2个项目的栏，一个位于左端，另一个位于右端：

'text'......''img'。

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

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

不幸的是，他并没有在他的教程中告诉他是如何做到的。

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

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

谢谢，

帕特里克

Answer 1

请尝试：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菜单栏（左端和右端）

1 个答案: