技术栈

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语言不支持三元表达式?
下一篇:制造业上云解决方案
相关推荐
猫猫不是喵喵.
21 分钟前
Vue3 Props 属性
前端·javascript·vue.js
醉城夜风~
1 小时前
CSS元素显示模式(display)
前端·css
AI大模型-小华
2 小时前
Codex 三方充值快速入门指南
java·前端·数据库·chatgpt·ai编程·codex·chatgpt pro
做前端的娜娜子
4 小时前
同一链接实现 PC Web 与移动 H5 自适应
前端·掘金·金石计划
小帅不太帅
4 小时前
架构没变、规模没变,DeepSeek V4 Flash 正式版凭什么暴涨 47 分?
前端·aigc·deepseek
jarvisuni
5 小时前
DeepSeekFlash前端依旧拉垮,而且变慢了很多!
前端·javascript·算法
卷福同学
6 小时前
AI编程出海第二步:验证关键词能否做站
前端·人工智能·后端
开普勒chr
6 小时前
css样式diaplay:"contents"的妙用
css
赵庆明老师
6 小时前
Vben精讲:21-详解web-antd:tsconfig.json
前端·json·vim
热门推荐
01GitHub 镜像站点02如何新建文件夹? 电脑新建文件夹的4种方法03国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)042026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片05微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新062026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?07AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路08Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费092026 年 AI 大模型 & AI 编程工具实战全总结102026开年大模型最新对比解析及场景落地指南