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>
相关推荐
小杨快跑~2 小时前
Vue 3 + Element Plus 表单校验
前端·javascript·vue.js·elementui
我叫张小白。3 小时前
Vue3监视系统全解析
前端·javascript·vue.js·前端框架·vue3
WYiQIU7 小时前
11月面了7.8家前端岗,兄弟们12月我先躺为敬...
前端·vue.js·react.js·面试·前端框架·飞书
谢尔登7 小时前
简单聊聊webpack摇树的原理
运维·前端·webpack
娃哈哈哈哈呀8 小时前
formData 传参 如何传数组
前端·javascript·vue.js
zhu_zhu_xia9 小时前
vue3+vite打包出现内存溢出问题
前端·vue
tsumikistep9 小时前
【前后端】接口文档与导入
前端·后端·python·硬件架构
行走的陀螺仪9 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_9284115610 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger10 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon