我一直在尝试通过创建投资组合网站来学习HTML和CSS,但是无法解决此问题。 我要实现的是减小“源代码”的宽度并适合称为“ Project#”的上层div。 还尝试过使用表格,但结果有点差。 我会错过什么还是应该改变策略来解决这个问题? 这是A元素:
.projects-table a {
font-size: 30px;
text-decoration: none;
border: solid 2px;
border-radius: 10px 10px 0 0;
padding: 0 10px 0 10px;
margin: 0 20px 0 20px;
color: #00CF80;
}
这是完整代码的链接: https://codepen.io/xAndreei/pen/BGyNVe
答案 0 :(得分:0)
如果我的理解正确,那么您可能只需要
display: block;
已添加到<a>
的CSS规则中,因为元素的默认值为display:inline
。
有关CSS显示属性的更多信息: