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>
相关推荐
1024小神几秒前
cloudflare使用express实现api防止跨域cors
前端
we1less5 分钟前
[audio] AudioTrack (七) 播放流程分析
前端
2501_9462447821 分钟前
Flutter & OpenHarmony OA系统弹窗对话框组件开发指南
javascript·flutter·microsoft
Johnnyhaha28 分钟前
Docker Compose Pull 超时与代理踩坑记录
前端
烟袅29 分钟前
React 表单的控制欲:什么时候我们真得控制它了,什么时候该放养了?
前端·react.js
不想秃头的程序员30 分钟前
吃透 JS 事件委托:从原理到实战,解锁高性能事件处理方案
前端·面试
AntoineGriezmann31 分钟前
前端 Token 刷新机制实战:基于 Axios 的 accessToken 自动续期方案
前端
烟袅34 分钟前
从定时器管理出发,彻底搞懂防抖与节流的实现逻辑
前端·javascript
幻影星空VR元宇宙1 小时前
多元互动与科技融合的5D体验馆新风尚
css·百慕大冒险·幻影星空
前端小L1 小时前
贪心算法专题(十三):画地为牢的艺术——「划分字母区间」
javascript·算法·贪心算法