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>
相关推荐
m0_740859621 分钟前
解决uniapp跳转页面警告:Extraneous non-props attributes ...
前端·javascript·uni-app
一行注释4 分钟前
ECharts柱状图横向展示与DataZoom滑动查看实现
开发语言·前端·javascript
踢球的打工仔17 分钟前
typescript-类的访问权限public、private、protected
前端·javascript·typescript
Ulyanov23 分钟前
Impress.js深度解析
开发语言·前端·javascript·css3·impress.js
编程大师哥1 小时前
JavaScript DOM
开发语言·javascript·ecmascript
我叫Double1 小时前
GeneralAdmin-3
前端·javascript·vue.js
Charlie_lll1 小时前
学习Three.js–太阳系星球自转公转
前端·three.js
json{shen:"jing"}1 小时前
10_自定义事件组件交互
开发语言·前端·javascript
Jinuss1 小时前
源码分析之React中scheduleUpdateOnFiber调度更新解析
前端·javascript·react.js
一位搞嵌入式的 genius1 小时前
深入理解 JavaScript 异步编程:从 Event Loop 到 Promise
开发语言·前端·javascript