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>
相关推荐
一只一只妖21 小时前
突发奇想,还未实践,在Vben5的Antd模式下,将表单从「JS 配置化」改写成「模板可视化」形式(豆包版)
前端·javascript·vue.js
悟能不能悟1 天前
js闭包问题
开发语言·前端·javascript
秋秋_瑶瑶1 天前
vue-amap组件呈现的效果图如何截图
前端·javascript·vue-amap
LFly_ice1 天前
学习React-9-useSyncExternalStore
javascript·学习·react.js
gnip1 天前
js上下文
前端·javascript
中草药z1 天前
【Stream API】高效简化集合处理
java·前端·javascript·stream·parallelstream·并行流
不知名raver(学python版)1 天前
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR!
前端·npm·node.js
醉方休1 天前
React中使用DDD(领域驱动设计)
前端·react.js·前端框架
excel1 天前
📖 小说网站的预导航实战:link 预加载 + fetch + 前进后退全支持
前端