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>
相关推荐
历程里程碑7 分钟前
54 深入解析poll多路复用技术
java·linux·服务器·开发语言·前端·数据结构·c++
&&月弥36 分钟前
react快速入门
前端·react.js
Revio Lab1 小时前
把 AI 生成的 HTML 当 Markdown 来管:Web-Doc 自托管文档站实践
前端·html·mcp·html文档
之歆1 小时前
DAY_13DOM操作完全指南DOM基础API与节点操作(上)
开发语言·前端·javascript·ecmascript
zhoumeina991 小时前
如何保证不同位置切换合成底图的渲染顺序
java·前端·javascript
海上彼尚1 小时前
Nodejs也能写Agent - 3.基础篇 - Tools 与 Tool Calling
前端·人工智能·后端·node.js
用户125758524361 小时前
GoFrame + Vue3 后台管理框架,CRUD 代码生成器一键搭 RBAC 权限系统
前端
七十二時_阿川1 小时前
Electron 如何自定义菜单?这篇帮你实现原生体验!
前端·electron
bot5556661 小时前
企业微信ipad协议的消息引用与回复机制
javascript
七十二時_阿川1 小时前
Electron App 速查表:生命周期事件、方法、平台差异
前端·electron