CSS：在与容器宽度相同的文本小部件内创建链接

Question

我在 wordpress 网站页脚的侧边栏文本小部件中添加了一些文本链接。现在我试图使文本链接与其 div 容器具有相同的宽度。然而，在努力之后，链接仍然保持较小的宽度。

我在文本小部件中添加的文本如下所示：

<p><a href="/contacto">Contacto</a></p>
<p><a href="/faqs">FAQs</a></p>
<p><a href="/politica-de-privacidad">Política de Privacidad</a></p>
<p><a href="/terminos-y-condiciones">Términos y Condiciones</a> </p>

一般的html结构是这样的：

最后，生成的页脚链接如下所示：

我试过使用：

display: inline-block; 
clear:both; 
float:left;`

在 #text-6.widget.widget_text，但我什么也没得到。默认情况下 aside 标签似乎是 display:block。

Answer 1

.widget a
{
display: block;
padding: 5px;
width: 100% //added for testing purposes
}

或

.textwidget a
{
display: block;
padding: 5px;
width: 100% //added for testing purposes
}

如果您想覆盖 a 标签的所有样式，也可以使用 !important。

我添加了填充只是为了举例。

CSS：在与容器宽度相同的文本小部件内创建链接

CSS: make links inside text widget of same width as container

css

wordpress

widget