技术栈

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语言不支持三元表达式?
下一篇:制造业上云解决方案
相关推荐
chilavert318
2 小时前
技术演进中的开发沉思-371:final 关键字(中)
java·前端·数据库
2301_81699788
2 小时前
Vite构建工具
前端
yuki_uix
3 小时前
深入理解 reduce:从面试题到设计思维
前端
凌云拓界
3 小时前
TypeWell全攻略(二):热力图渲染引擎,让键盘发光
前端·后端·python·计算机外设·交互·pyqt·数据可视化
coding随想
3 小时前
TypeScript 高级类型全攻略:从“可表达性”到“类型体操”的实践之路
前端·javascript·typescript
大时光
3 小时前
gsap -滚动插件 ScrollTrigger 简单demo
前端
tangbin583085
3 小时前
iOS Swift:蓝牙 BLE 连接外设CoreBluetooth
前端
WWWWW先生
3 小时前
02 登录功能实现
前端·javascript
热门推荐
01GitHub 镜像站点02AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot03Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services04Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤05【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆06AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南07配置 OpenClaw 使用 Ollama 本地模型08openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南09HTML 早已不是标签了,它现在是系统级接口:这 9 个 API 直接干翻常用 JS 库10OpenClaw 安装之(三)DeepSeek模型接入配置和详细配置参数