Css 垂直对齐底部不工作

Css 垂直对齐底部不工作,css,vertical-alignment,Css,Vertical Alignment,我需要将中的所有文本放在底部,但css代码不起作用 css 这里的实时代码 提前感谢您需要删除位置:相对

我需要将
中的所有文本放在底部,但css代码不起作用

css

这里的实时代码


提前感谢

您需要删除
位置:相对菜单中选择一个
类并应用一个
显示:表格单元格以使其工作

这是你的电话号码

代码:

.menu li a {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #EEEEEE;
    display: table-cell;
    height: 100px;
    padding: 10px 20px;
    vertical-align: bottom;
    width: auto;
}
要了解如何以及何时使用垂直对齐的完整逻辑,请参阅


希望这有帮助。

您需要删除
位置:relative菜单中选择一个
类并应用一个
显示:表格单元格以使其工作

这是你的电话号码

代码:

.menu li a {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #EEEEEE;
    display: table-cell;
    height: 100px;
    padding: 10px 20px;
    vertical-align: bottom;
    width: auto;
}
要了解如何以及何时使用垂直对齐的完整逻辑,请参阅


希望这有帮助。

只需在主导航上执行以下操作:

明确:两者皆有

这将确保您的链接始终位于其上方任何内容的底部

您还可以使用:

浮动:左

然后

明确:无

关于其他因素。这将迫使他们不要环绕文本


盖伊

只需在主导航上执行以下操作:

明确:两者皆有

这将确保您的链接始终位于其上方任何内容的底部

您还可以使用:

浮动:左

然后

明确:无

关于其他因素。这将迫使他们不要环绕文本


Guy

当你说放在底部时,你的意思是在标题下文本的底部吗?当你说放在底部时,你的意思是在标题下文本的底部吗?