布局 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• +CSS+布局 へ行く。
• +CSS+布局 の差分を削除

#author("2022-12-18T12:12:19+08:00","default:Admin","Admin")
#author("2024-03-05T16:14:56+08:00","default:Admin","Admin")
[[スタイルシートCSS]]

#contents

* justify-content：水平分布参数： [#u51b6d10]

- flex-start
- center
- flex-end
- space-between 最左最右靠边，中间间距相等
- space-around 每个项目的左右撑开距离相等。
- space-evenly 每个间距，均匀分布为x

* algin-items：垂直分布参数： [#k59b19fe]

- stretch 默认值，垂直方向铺满；
- flex-start 起始位置均在上部；
- center
- flex-end 底部保持触底
- baseline 按第一项目的文字为基准线；

* flex内部的元素靠右显示 [#e293c991]
使用
  margin-left:auto;margin-right: 10px ;

#codeprettify{{
 XXX
<view style="display: flex">
	<u-tabs :list="tabList" @click="tabClick"></u-tabs>
	
	<u-icon name="plus-circle-fill" color="#2979ff" size="30" style="display: inline-block; margin-left:auto;margin-right: 10px ;"
		@click="publishTopic"></u-icon>
</view>
}}

#hr();
コメント：
#comment_kcaptcha