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>
相关推荐
damon087081 分钟前
nodejs 实现 企业微信 自定义应用 接收消息服务器配置和实现
服务器·前端·企业微信
web守墓人2 分钟前
【前端】ikun-pptx编辑器前瞻问题五:pptx中的xml命名空间
xml·前端
oMcLin8 分钟前
如何在 CentOS 7 上通过配置和调优 OpenResty,提升高并发 Web 应用的 API 请求处理能力?
前端·centos·openresty
IT_陈寒9 分钟前
Java开发者必知的5个性能优化技巧,让应用速度提升300%!
前端·人工智能·后端
小马_xiaoen14 分钟前
Vue3 实现超丝滑打字机效果组件 - 进阶
javascript·vue.js·ecmascript
阿坤带你走近大数据15 分钟前
JavaScript脚本语言的简单介绍
开发语言·javascript·ecmascript
小二·15 分钟前
Python Web 开发进阶实战:前端现代化 —— Vue 3 + TypeScript 重构 Layui 界面,打造高性能 SPA
前端·python·typescript
cnxy18826 分钟前
Python Web开发新时代:FastAPI vs Django性能对比
前端·python·fastapi
神仙姐姐QAQ27 分钟前
vue3更改.el-dialog__header样式不生效
前端·javascript·vue.js