用微信小程序的flax布局写一份简历

Question

想请教一下 “律师助理”下面那个一杠怎么写啊 想过很多方法 也搜索很多次 也没有一个好的方法

Answer 1

设置border-bottom:solid 5px #000，示例如下

<style>
    .wrap{max-width:680px;margin:0 auto}
    .flex{display:flex;}
    .flex .content{width:70%;margin-right:20px}
    .flex .aside{width:30%}
    .title{border-bottom:solid 5px #000;line-height:30px}
    .bb3px{border-bottom-width:3px}
</style>
<div class="wrap">
    <div class="flex">
        <div class="content">
            <h2>杨栋才</h2>
            <div class="title">
                律师助理
            </div>
        </div>
        <div class="aside"><br />
            说明职业目标，展示他们说明职业目标，展示他们说明职业目标，展示他们说明职业目标，展示他们
        </div>
    </div>
    <div class="flex" style="margin-top:50px;background-color:aquamarine">
        <div class="content">
            <div class="title bb3px"><strong>工作经验</strong></div>
            巴拉巴拉<br />
            巴拉巴拉<br />
        </div>
        <div class="aside">

            <div class="title bb3px"><strong>教育</strong></div>
            巴拉巴拉<br />
            巴拉巴拉<br />
            <div class="title bb3px"><strong>技能</strong></div>
            巴拉巴拉<br />
            巴拉巴拉<br />
            巴拉巴拉<br />
        </div>
    </div>
</div>