如何放置文本在底部时,有预定义的高度!

这不能用css和你提供的html来完成。如果你在锚上加一个额外的跨度,可以这样做:

a.my-text {
  height: 50px;
  display: block;
}
a.my-text span {
  position: absolute;
  bottom: 0;
}

你可以用 bottom:0px 具有 position:absolute

HTML格式

<li><a class="my-text">My Text</a></li>

li {
    position: relative;
    height:200px;
    border: 1px solid red;
}

a.my-text {
    bottom: 0px;
    border: 1px solid blue;
    position: absolute;
    background-color:#cccc;
    width:100px;
    height:50px;
}

见 jsfiddle

这肯定行不通,因为 <a> vertical-align 属性决定内联元素相对于其所在行的位置,而不是文本的垂直位置。(见 http://reference.sitepoint.com/css/vertical-align )据我所知,你的要求是办不到的。然而,如上所述,也有其他方法可以达到类似的效果。

{显示:块} 垂直对齐 对块元素的内容无效。这是我能想到的最简单的方法 显示:表格单元格

a.my-text {
  background-color: #ccc;
  height: 200px; width: 100px;
  vertical-align: bottom;
  display: table-cell;
}

padding-top: 45px 上 li