Question

我想要的：构建一个简单的链接/导航栏。

我的css中有什么：

.ico    {
    width:40px;
}

我的HTML中有什么：

<body>
 <div id="logo">
 <img src="logo.png" id="test" />
 <img class="ico" src="images/home.png" />
 <img class="ico" src="images/calendar.png" />
 <img class="ico" src="images/support.png" />
 <img class="ico" src="images/globe.png" />
 <img class="ico" src="images/email.png" />
 <div style="width:auto; border-style:solid; border-width:0px 0px 3px; border-color:#202020;"></div>
 </div>
 <div id="main">
 <h1 class="title">This is the main title</h1>
 <p>This is a sample paragraph.</p>
 </div></body>

它看起来如何：

需要什么：图像（家庭，日历，支持，地球，电子邮件）需要等间隔，并从徽标的开头（DAERA）分发到屏幕的末尾，适用于所有屏幕分辨率和设备

Answer 1

这可能对您有所帮助。您的HTML标记：

<div class="box">
  <div></div>
  <div></div>
  <div></div>
</div>

你的CSS：

.box{
  display: flex;
  justify-content: space-between;
}

Answer 2

.ico {
    width:40px;
    margin-right: 10px;
}

构建主链接栏

2 个答案: