Css 将链接文本放置在固定大小的li中
如何将链接文本放置在与容器大小相同的容器中,以便整个容器都可以单击?最好的办法是什么 编辑:我需要把文本放在容器的底部 这是我的密码。 也许你可以试着这样做 你可以用填充物Css 将链接文本放置在固定大小的li中,css,Css,如何将链接文本放置在与容器大小相同的容器中,以便整个容器都可以单击?最好的办法是什么 编辑:我需要把文本放在容器的底部 这是我的密码。 也许你可以试着这样做 你可以用填充物 a { display:inline-block; width:100%; height:100%; text-align:center; padding-top: 70px; } 看这里 使用表格单元格和垂直对齐:底部 新增代码: ul li { display:table; float:
a {
display:inline-block;
width:100%;
height:100%;
text-align:center;
padding-top: 70px;
}
看这里
使用表格单元格和垂直对齐:底部
新增代码:
ul li {
display:table;
float:left;
.....
}
a {
display:table-cell;
vertical-align:bottom;
.....
}
使用display:table和float:lefttolias以及“display:table单元格和垂直对齐:底部到标记”
代码:
ulli{
宽度:120px;
高度:90px;
边缘底部:5px;
边框:1px实心;
显示:表格;
浮动:左;
}
a{
背景:绿色;
显示:表格单元格;
垂直对齐:底部对齐;
宽度:100%;
身高:100%;
}
如果您不支持旧的IE浏览器,可以使用display:flex和align内容,如下例所示 ulli{ 宽度:120px; 高度:90px; 边缘底部:5px; 边框:1px实心; 显示:表格; 浮动:左; } a{ 背景:绿色; 显示器:flex; 对齐项目:柔性端; 宽度:100%; 身高:100%; }
使用flexbox的解决方案: ulli{ 显示:内联块; 宽度:120px; 高度:90px; 边缘底部:5px; 边框:1px实心; } a{ 背景:绿色; 宽度:100%; 身高:100%; 显示器:flex; 对齐项目:柔性端; }
代码中的所有容器都可以单击。@MarcosPérezGude我需要在容器底部放置文本。寻求代码帮助的问题必须包含在问题本身中复制代码所需的最短代码。虽然您提供了一个,但如果链接无效,您的问题对其他将来有相同问题的用户将毫无价值。可单击区域将扩展到容器之外,这是不可接受的。溢出:隐藏在父对象上then@MarcosP雷兹古德,你能解释一下原因吗?顺便说一句,见
ul li {
display:table;
float:left;
.....
}
a {
display:table-cell;
vertical-align:bottom;
.....
}