html - 如何将 HTML/CSS 中的链接与位于同一行但在相反侧的链接对齐?
问题描述
<div class="izplav">
<h1 id="NS">Slavenski Pokret</h1>
<div class="linkovi">
<a href="Onama.html" class="link">O nama</a>
<a href="registracija.html" class="link">Registracija</a>
<a href="jezik.html" class="link">Jezik </a>
</div>
</div>
<style>
#NS {
font-size: 10x;
font-family: "Lobster", cursive;
text-align: left;
display: inline-block;
}
.linkovi {
color: rgb(255, 175, 2);
margin-right: 2px;
text-align: right;
}
</style>
解决方案
使用 css 弹性。
.izplav {
display: flex;
justify-content: space-between;
}
如果你想了解更多,我推荐这款很棒的游戏Flexbox Froggy
推荐阅读
- mysql - 我应该使用 MD5 32 字符的 MySQL 索引还是包含特殊字符的 ~8 字符索引?
- r - 在 ggplot 中使用计数和累积计数创建 2 个 y 轴
- android - Android 如何使用单个广播接收器创建具有不同请求代码的待处理意图的多个实例
- c - 未知地址上的 SEGV - 查找错误原因
- postgresql - 在 nginx unbutu 20.04 上安装 Pg Admin 4
- python - 将 \n 和其他原始字符传递到 html 输入字段中
- python - 散景线图:绘制大量线时如何分配颜色
- php - 我在加载索引页面时遇到问题我遇到错误,同时在 php 中使用 MVC
- c# - Unity3D Agora 视频聊天与 Ar Foundation Face Tracking
- java - 如何使用 Java 11 运行已编译的 Java 8 JavaFX 应用程序 jar?