div中文本的精確垂直對齊

Question

是否可以在div內定位單行文本元素，以便其基線與div的下邊框精確吻合。就像在svg rect中一樣。我可以手動完成，但對於任何字體大小都可以使用通用方法。一些以'em'爲單位的轉變可能是？

現在我做這樣的事情來對齊兩個div（'名稱'和'開始'）中的文本，字體大小不同，水平對齊不同，我希望它們垂直對齊而不是通過手動調整底部保證金：

.project-div .footer { 
    position: absolute; 
    bottom: 0px; 

    height: 28px; 
    width: 100%; 

    display: inline-block; 
    line-height: 28px; 
} 

.project-div .footer .name { 
    position: absolute; 
    left: -1px; 
    bottom: -20%; 

    line-height: 28px; 
    font-size: 28px; 
    height: 28px; 
} 

.project-div .footer .start { 
    position: absolute; 
    right: -3px; 
    bottom: -10%; 

    line-height: 18px; 
    font-size: 18px; 
    height: 18px; 

    font-family: "Arial Black"; 
    color: #ccc; 
} 

Answer 1

我會說，物業position: relative分配給你的父母，然後，如果你想在父div的底部，完全有把它分配的屬性position: absolute和bottom: 0你的孩子。

下次再詳細說明你的問題。