css设置div的2个span一个在最左边,一个在最右边

界面:

代码:

bash 复制代码
<html>

<style>

.top span {
  display: block;
  position: absolute;
  margin: 0 20px; /* 添加边距以避免太靠近边缘 */
}

.top span:nth-child(1) {
  left: 5px; /* 调整左侧位置 */
}

.top span:nth-child(2) {
  right: 5px; /* 调整右侧位置 */
}

</style>

<body>
  <div class="top">
      <span>最左边</span>
      <span>最右边</span>
  </div>
</body>

</html>
相关推荐
GISer_Jing几秒前
BOSS上AIAgent|前端AI所需要技能
前端·人工智能·ai·前端框架
西洼工作室4 分钟前
UniApp开发全攻略:从生命周期到路由传值
前端·javascript·uni-app
LaughingZhu9 分钟前
Product Hunt 每日热榜 | 2026-05-17
前端·人工智能·chatgpt·html
Cobyte11 分钟前
Agent Skills 系统的本质原理
前端·aigc·ai编程
星恒随风11 分钟前
四天学完前端基础三件套(JavaScript webAPI篇)
开发语言·前端·javascript
IT_陈寒16 分钟前
Redis突然吃掉所有内存,我的服务差点挂了
前端·人工智能·后端
2601_9584925516 分钟前
Behavioral Analysis of HTML5 Trivia Integration
前端·html·html5
知彼解己18 分钟前
从后端视角学习 Vue3:核心知识与数据流实践
javascript·vue.js·ecmascript
sakiko_23 分钟前
Swift/UIkit学习笔记27-模块管理,发送位置信息
前端·笔记·学习·ios·swift·uikit
hhb_61823 分钟前
Ruby核心技术难点梳理与实战应用案例解析
服务器·前端·ruby