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>
相关推荐
jason_yang2 分钟前
刚发版就背锅?前端版本控制就靠他version-rocket
前端
如果超人不会飞6 分钟前
TinyVue NavMenu导航菜单组件使用指南
前端·vue.js
Jason_chen8 分钟前
Linux 3.0 串口机制深度解析:传统8250驱动与基础RS-232/485支持
linux·前端
TPBoreas11 分钟前
前端面试问题打靶
前端
赵庆明老师12 分钟前
JS检查提交的文件是否合规
开发语言·前端·javascript
禅思院18 分钟前
前端请求取消与调度完全指南:从 AbortController 到企业级优先级架构
前端·设计模式·前端框架
颂love26 分钟前
Vue的两大生态以及组件通信
前端·javascript·vue.js·typescript
甜汤圆29 分钟前
Python 里**自定义数据单元**
前端
cidy_9836 分钟前
将 Figma 接入 Codex MCP:从 `/plugins` 到本地插件配置的完整教程
前端
vivo互联网技术38 分钟前
动效开发不踩坑:几种动效实现方案对比与实战选型
前端·性能优化·动效