您好,我无法将链接居中。
#Anyadir-Rutina-btn {
background-color: #21211d;
color: #FFF;
padding: 10px;
border-radius: 20px;
text-decoration: none;
cursor: pointer;
}
<div id="Power-Contenedor">
<a href="#" id="Anyadir-Rutina-btn"> Añadir entreno </a>
</div>
你不让我的理由是什么?
健康
您必须定义容器的宽度
#Power-Contenedor
,然后将其居中。您应该简单地将属性分配
text-align: center
给您的容器以使链接居中,因为这是一个元素inline
。澄清: 当块元素 (
display: block
) 默认为可用宽度的 100% 时,在这种情况下,您不需要定义宽度,因为它将占用页面宽度的 100%。您修改后的示例: