技术栈

css设置div的2个span一个在最左边,一个在最右边

奶茶不甜o2024-03-29 20:43

界面:

代码:

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>
上一篇:为什么Rust语言不支持三元表达式?
下一篇:制造业上云解决方案
相关推荐
该怎么办呢
8 分钟前
Source/Core/Matrix4.js
前端·javascript
小江的记录本
8 分钟前
【MyBatis-Plus】Spring Boot + MyBatis-Plus 进行各种数据库操作(附完整 CRUD 项目代码示例)
java·前端·数据库·spring boot·后端·sql·mybatis
于慨
1 小时前
Capacitor
前端
该怎么办呢
1 小时前
Source/Core/Event.js
开发语言·javascript·ecmascript·cesium
IT凝冬
1 小时前
liunx 的 centos7 安装ngin
前端
赵锦川
1 小时前
大屏比例缩放
前端·javascript·html
该怎么办呢
1 小时前
Source/Core/DeveloperError.js
开发语言·javascript·ecmascript
于慨
2 小时前
tauri
java·服务器·前端
贼爱学习的小黄
2 小时前
NC BIP参照开发
java·前端·nc
weixin_46290197
2 小时前
ESP32 LED控制代码解析
javascript
热门推荐
01GitHub 镜像站点02Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南03小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)04Labelme从安装到标注:零基础完整指南05OpenClaw 使用和管理 MCP 完全指南06班级宠物园部署指南07AI 编程三剑客:Spec-Kit、OpenSpec、Superpowers 深度对比与实战指南08UV安装并设置国内源09OpenClaw Control UI安全上下文访问配置10Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services