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>
相关推荐
涛涛ing1 分钟前
Vue 3.6 还没正式发布,但前端的方向已经被它定下来了
前端
用户938515635072 分钟前
手写迷你 Cursor 终端:深入 Node.js child_process 的 spawn 核心实现
javascript·后端
阿新聊ai3 分钟前
Claude Code 为什么总不懂你的项目?缺一张「项目地图」
前端·后端·面试
暗冰ཏོ13 分钟前
Spring Boot + Vue3 订单支付模块技术实现:支付单、回调验签、幂等处理与余额扣减
前端·spring boot·后端·vue·微信支付·支付宝支付
Csvn15 分钟前
AbortController 不止能取消 Fetch!3 个你不知道的隐藏用法
前端·javascript
大流星18 分钟前
LangChainJS之Runnable(三)
javascript·langchain
爷_21 分钟前
AI Coding Agent 沙箱的设计原理解析
前端·人工智能·后端
爱勇宝24 分钟前
第 3 章:别把团队设计成一场内卷竞赛
前端·后端·程序员
蜡台42 分钟前
修改Uniapp input 组件不刷新视图问题
前端·uni-app·input