Appcan开发-布局分块常用

提供者:Smallbyte.cn2017/11/16 12:11:30已有148人阅读
<div class="ub-f1 ub-ver">
    <div class="ub ub-f1" style="background: red;height: 2em;"></div>
    <div class="ub ub-f1" style="background: yellow;height: 2em;"></div>
    <div class="ub ub-f1" style="background: #FC7800;height: 2em;">
        <div class="ub-f1 tx-c ubr bc-border uinn" class="height:100%;">左</div>
        <div class="ub-f1 tx-c uinn" class="height:100%;">中</div>
        <div class="ub-f1 tx-c ubl bc-border uinn" class="height:100%;">右</div>
    </div>
</div>

显示效果

2.png

其中

ub-ver:上下分层

ub:水平分块

tx-c:文字居中

uinn:内边距0.5em

评论列表

发表评论

评论内容:
新随笔