CSS对齐弹性布局中左右对齐

原创于 2019-12-24 17:53:03 发布 · 5.6k 阅读

CC 4.0 BY-SA版权

17 篇文章

订阅专栏

本文探讨了在CSS弹性布局中如何实现元素的左右对齐，提到了使用position定位来调整left和right属性的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<view class='li'>
  <view>产品名称</view>
  <view>猪肉</view>
</view>

.li {
  display: flex;
  /* 在弹性盒对象的 <div> 元素中的各项周围留有空白 */
  justify-content: space-between;
}

结果：
在这里插入图片描述

关于position定位：
设置了position之后才有left，right

position:relation;   /* 绝对定位*/
top：10px；
left：10px；