gpt4 book ai didi

html - 建立一个主要的链接栏

转载 作者:太空宇宙 更新时间:2023-11-04 11:07:34 25 4
gpt4 key购买 nike

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

我的 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>

它的样子: enter image description here

要求:对于所有屏幕分辨率和设备,图像(主页、日历、支持、地球仪、电子邮件)需要等距分布,并且从 Logo (DAERA) 的开始到屏幕的末尾分布.

最佳答案

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

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

你的 CSS:

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

关于html - 建立一个主要的链接栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33852258/

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