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>
相关推荐
十九画生8 小时前
从同步到异步:重新理解 JavaScript 的执行机制
javascript
想吃火锅10058 小时前
【前端手撕】防抖节流
前端
半个落月8 小时前
JavaScript 同步异步与 Promise 详解 —— 从 Event Loop 到手写 sleep
javascript
MemoriKu8 小时前
Flutter 相册 APP 视频模态稳定化实战:从视频抽帧、Embedding 元数据到 Android 真机启动修复
android·开发语言·前端·flutter·架构·音视频·embedding
触底反弹8 小时前
深入理解 JavaScript 同步与异步:从 Event Loop 到 async/await
javascript
lichenyang4538 小时前
ArkUI 票根卡片:PathShape 真挖洞,shadow 沿凹陷外发光
前端
Cache技术分享8 小时前
432. Java 日期时间 API - 时间工具 TemporalQuery 详解
前端·后端
浮生望8 小时前
JavaScript 异步编程核心:从同步阻塞到 Promise 事件循环
javascript·promise
川石课堂软件测试8 小时前
UI自动化测试|CSS元素定位实践
css·测试工具·ui·fiddler·单元测试·appium·harmonyos
假如让我当三天老蒯8 小时前
暂时性死区是否和闭包是相背的呢(自学用)
前端·javascript