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>
相关推荐
箫笙默几秒前
前端相关技术简介
前端
Ulyanov5 分钟前
Impress.js深度技术解析:架构基础与结构化设计
开发语言·前端·javascript
小宇的天下12 分钟前
Calibre :Standard Verification Rule Format(SVRF) Manual (1-1)
大数据·前端·网络
充气大锤13 分钟前
前端实现流式输出配合katex.js
开发语言·前端·javascript·ai·vue
滴水未满14 分钟前
uniapp的页面
前端·uni-app
邝邝邝邝丹18 分钟前
vue2-computed、JS事件循环、try/catch、响应式依赖追踪知识点整理
开发语言·前端·javascript
码农水水29 分钟前
阿里Java面试被问:Online DDL的INSTANT、INPLACE、COPY算法差异
java·服务器·前端·数据库·mysql·算法·面试
Coder_Boy_30 分钟前
基于SpringAI的在线考试系统-知识点管理与试题管理模块联合回归测试文档
前端·人工智能·spring boot·架构·领域驱动
吃吃喝喝小朋友34 分钟前
JavaScript事件
开发语言·前端·javascript
EEEzhenliang39 分钟前
CSS的注释
前端·css