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>
相关推荐
Jiangnan_Cai几秒前
【Electron】Windows 下打包遇到 dist/unpacked 文件内 electron.exe 文件缺失问题
前端·javascript·electron
自不量力的A同学1 分钟前
Electron 40.0.0 发布,跨平台桌面应用开发工具
前端·javascript·electron
Charlie_lll15 分钟前
学习Three.js–材质(Material)
前端·three.js
Kratzdisteln19 分钟前
【1902】预先生成完整的树状PPT结构
java·前端·powerpoint
softshow102625 分钟前
html2canvas + jspdf实现页面导出成pdf
开发语言·javascript·pdf
深耕AI40 分钟前
【wordpress系列教程】05 文章分类与标签
前端
摘星编程1 小时前
React Native for OpenHarmony 实战:StyleSheet 样式表优化
javascript·react native·react.js
michael_ouyang1 小时前
WebSocket 鉴权方案选型与 Electron 应用的最佳实践
前端·websocket·网络协议·electron
xixixin_1 小时前
【vue】中字符串与数组转换:为何首选 Computed 而非 Methods?
前端·javascript·vue.js
Sylvia33.1 小时前
网球/羽毛球数据API:专业赛事数据服务的技术实现
java·前端·websocket·json