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>
相关推荐
江城开朗的豌豆1 分钟前
CSS篇:HTML与XHTML:关键区别与实际应用解析
前端·css·面试
一小池勺2 分钟前
基于Next.js 15、Tailwind CSS和Ant Design开发一款低代码表单生成器
前端
huali2 分钟前
unplugin-https-reverse-proxy 2.0 发布:革新移动端调试体验
前端·开源·vite
江城开朗的豌豆4 分钟前
Vue + Node.js 实现埋点功能方案
前端·javascript·架构
JustHappy4 分钟前
「软件设计模式杂谈🤔」和后端吵架失败了,于是乎我写了个适配器模式
前端·javascript·设计模式
小桥风满袖4 分钟前
three.js-硬要自学系列2 (坐标系、光源对物体影响、相机控件运用)
前端·css
H5开发新纪元5 分钟前
从零到一:使用 Cursor 高效构建 Vue3 企业级官网全流程指南
前端·vue.js
路上^_^13 分钟前
CSS核心笔记002
css·笔记·html
酷炫码神36 分钟前
Windows10系统RabbitMQ无法访问Web端界面
前端·分布式·rabbitmq
大慕慕好懒1 小时前
sqlilabs-Less之HTTP头部参数的注入——基础篇
前端·http·less