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>
相关推荐
এ慕ོ冬℘゜6 分钟前
前端树形二级列表渲染 + 页面传参完整实战解析(附原生jQuery源码)
前端·javascript·jquery
weixin_4692738136 分钟前
.md文件是什么?.md如何打开?
前端·编辑器
不好听61341 分钟前
Web Worker:浏览器给 JS 开的后台子线程
前端·浏览器
用户241714014186044 分钟前
一个 Tapas 菜单 App,逼我啃下了前端存储和 this 绑定两座大山
javascript
计算机魔术师1 小时前
数据分析还在靠人跑 SQL?AI 智能体已经把效率拉到 63 倍
前端
瑞码空间1 小时前
Routing & API:前后端协作的本质与实现
前端·后端·接口·路由
不好听6131 小时前
React 的 useRef vs useState:响应式与非响应式的分界线
前端·react.js
我真是泰库辣1 小时前
用TraeWork制作应用 —— 从 0 到 1 · 手把手搭建 opencode 网页对话网关
前端·后端
xiaominlaopodaren1 小时前
three.js地图数学基础(二):Web Mercator
javascript·gis·three.js
mONESY1 小时前
深入理解 React useRef:从 DOM 操作到持久化存值的完整指南
javascript