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>
相关推荐
用户440145493141915 小时前
Spring Boot 3.x 异步编程实战:从 @Async 到虚拟线程
javascript
洋子15 小时前
Yank Note 系列 14 - 我和 AI 怎么一起写文章
前端·markdown
江华森16 小时前
前端构建工具 Webpack 速览
前端·webpack·node.js
谙忆102416 小时前
HTTP 图片缓存实战:Cache-Control、ETag、内容哈希文件名与 CDN 回源到底怎么配
前端
wangruofeng16 小时前
终端里 rm 一下文件就没了,macOS 怎么删文件才进废纸篓
javascript·命令行·apple
小妖66616 小时前
React input 输入卡顿问题
前端·javascript·react.js
এ慕ོ冬℘゜16 小时前
JavaScript 数据类型检测与转换、运算符超全实战详解
前端·html
kyriewen16 小时前
我用 AI 写代码快了 3 倍——然后同事的 Code Review 全变成了我的
前端·程序员·ai编程
李明卫杭州17 小时前
Vue2 portal-target 组件与 Vue3 的针对性优化
前端·javascript·vue.js
Tyler_118 小时前
iOS PlayWright mcp server
前端·ios·ai编程