发表于： 2020-07-01 21:06:08
1 1518
今天完成的事情：
所有页面重写完成，完成任务15
开始了解学习js
遇到的问题：
不太理解组件库
解决的问题：
关于居中右对齐，
由于li要设置边框，所有宽100%，给li中间添加一个大的div装span,p。由原来p设置固定宽度改为div,使用flex使div居中，里面内容向左对齐
<ul class="com-list">
<li class="first-li">合作企业</li>
<li>
<a href="">
<div>
<span class="dot"></span>
<p>阿里巴巴</p>
</div>
</a>
</li>
li {
width: 100%;
padding: 1rem 0;
border: 1px solid #e6e6e6;
a {
color: #29b078;
display: flex;
justify-content: center;
align-items: center;
div {
width: 80px;
display: flex;
align-items: center;
span {
border: 1px solid #ff640c;
border-radius: 50px;
margin-right: 5px;
padding: 5px;
}
明天的计划：
学习js,开始做js任务1
返回列表
评论