布局
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[スタイルシート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{{
<view style="display: flex">
<u-tabs :list="tabList" @click="tabClick"></u-tabs>
<u-icon name="plus-circle-fill" color="#2979ff" size="30...
@click="publishTopic"></u-icon>
</view>
}}
#hr();
コメント：
#comment_kcaptcha
終了行:
[[スタイルシート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{{
<view style="display: flex">
<u-tabs :list="tabList" @click="tabClick"></u-tabs>
<u-icon name="plus-circle-fill" color="#2979ff" size="30...
@click="publishTopic"></u-icon>
</view>
}}
#hr();
コメント：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
