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

一时失言乱红尘 2023-06-25 02:27 136阅读 0赞

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

  1. <view class='li'>
  2.   <view>产品名称</view>
  3.   <view>猪肉</view>
  4. </view>
  6. .li { 
  7.   display: flex;
  8.   /* 在弹性盒对象的 <div> 元素中的各项周围留有空白 */
  9.   justify-content: space-between;
  10. }

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

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

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

发表评论

表情：
评论列表 （有 0 条评论，136人围观）

还没有评论，来说两句吧...

相关阅读

    相关 字体左右对齐

    在遇到表单格式的页面的时候,常常都需要将 左边的标题全部进行左右对齐 overflow: hidden; text-align: justify; t

    清疚清疚/ 0 赞/ 124 阅读