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 分钟前
stagewise如何结合cursor开发
前端·ai编程
前端Hardy7 分钟前
JavaScript 终于又进化了!ES2026 正式发布,这些新特性你必须知道!
前端
光影少年8 分钟前
react navite 页面跳转、传参、路由监听、导航栏自定义
前端·react native·react.js
IT知识分享12 分钟前
WebP转JPG开发经验:从格式解码到本地批量转换的实践
javascript·python·图片转换
肖志-AI全栈16 分钟前
JavaScript 快速排序:从 pivot、双指针到分治思想
开发语言·javascript·排序算法
黑土豆19 分钟前
CSS 新特性:Container Queries 到底能解决什么痛点?
前端·css
问商十三载33 分钟前
2026法律行业AI引擎生成式优化怎么优化?三层专业加固提排名,零成本提33%引用率附适配表
java·前端·人工智能·算法
恋猫de小郭35 分钟前
Flutter 3D 渲染的全新选择和应用场景
android·前端·flutter
IT_陈寒44 分钟前
Java线程池踩了个坑,任务居然默默消失了
前端·人工智能·后端
程序员爱钓鱼1 小时前
配置 GoLand 与 VS Code 开发环境
前端·后端·go