技术栈

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语言不支持三元表达式?
下一篇:制造业上云解决方案
相关推荐
hxy0601
14 小时前
React-Call让你的React组件像异步函数一样调用
前端·react.js
Hilaku
14 小时前
为什么 AI 写前端时,总是优先选择 React,而不是 Vue?
前端·javascript·程序员
京东云开发者
14 小时前
GPT-5.6、ChatGPT Work 与 Codex 更新食用指南
前端
Cao_Ron
14 小时前
用 ECharts graph 画出卡片式矩形节点
前端
skiyee
15 小时前
换个底座的 Wot Starter 居然让 AI 更懂项目!
前端·ai编程
anyup
15 小时前
这一套绝了!AI 大模型写故事,星云 SDK 驱动 3D 数字人实时演绎
前端·人工智能·aigc
耀耀切克闹灬
15 小时前
短链跳转
前端
孟陬
15 小时前
高质量全方位的 AI 工具 sse-stuntman — Mock SSE 接口
前端·node.js·openai
Cao_Ron
15 小时前
给 ECharts 6 graph 节点叠加角标:从原理到性能优化
前端
WebGirl
15 小时前
内网穿透方式
前端
热门推荐
01GitHub 镜像站点02幻兽帕鲁 - 服务器管理员权限与 GM 命令完全指南03AI科技热点日报 | 2026年07月01日042026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片05GPT-5.5 对比 GPT-5.6 Sol、Terra、Luna:官方性能数据与选型分析062026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?072026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf08AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路092026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?10全面体验 Grok API 中转站(2025 · Grok 4 系列最新版)