发表于: 2019-04-19 22:44:19
1 582
今天完成的事情:
静态页面完成了一半,刚开始自适应出了点问题
明天计划的事情:
完成任务的静态页面
遇到的问题:
自适应的问题,小问题竟然迷了很久,也是很服气,
收获:
字体的竖向排列:
HTML代码
<div class="the-player">
<span>玩</span>
<span>家</span>
<span>配</span>
<span>比</span>
</div>
css代码:
.the-player{
width: 15%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 25px;
background: #fff;
border-right: solid #d9d9d9;
}
主要就是下面这行代码的运用:
flex-direction: column;
当然竖向排列的实现也有很多种主要看自己的想法。
评论