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 小时前
Playwright使用体验
前端·单元测试
卤代烃7 小时前
🦾 可为与不可为:CDP 视角下的 Browser 控制边界
前端·人工智能·浏览器
_XU7 小时前
AI工具如何重塑我的开发日常
前端·人工智能·深度学习
C_心欲无痕8 小时前
vue3 - defineExpose暴露给父组件属性和方法
前端·javascript·vue.js·vue3
鹿人戛8 小时前
HarmonyOS应用开发:相机预览花屏问题解决案例
android·前端·harmonyos
萌萌哒草头将军8 小时前
绿联云 NAS 安装 AudioDock 详细教程
前端·docker·容器
贺今宵8 小时前
安装better-sqlite3报错electron-vite
javascript·sql·sqlite·sqlite3
GIS之路9 小时前
GIS 数据转换:使用 GDAL 将 GeoJSON 转换为 Shp 数据
前端
2501_944446009 小时前
Flutter&OpenHarmony文件夹管理功能实现
android·javascript·flutter
朴shu9 小时前
Luckysheet 远程搜索下拉 控件开发 : 揭秘二开全流程
前端