发表于： 2019-04-19 22:44:19
1 581
今天完成的事情：
静态页面完成了一半，刚开始自适应出了点问题
明天计划的事情：
完成任务的静态页面
遇到的问题：
自适应的问题，小问题竟然迷了很久，也是很服气，
收获：
字体的竖向排列：
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;
当然竖向排列的实现也有很多种主要看自己的想法。
返回列表
评论