使文本适合div的最大宽度

时间:2018-11-04 18:17:19

标签: html css

我一直在尝试通过创建投资组合网站来学习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

1 个答案:

答案 0 :(得分:0)

如果我的理解正确,那么您可能只需要

display: block;

已添加到<a>的CSS规则中,因为元素的默认值为display:inline

有关CSS显示属性的更多信息:

https://css-tricks.com/almanac/properties/d/display/