开发者社区> 问答> 正文

css中怎么让div里面的文字底部对齐

screenshot

html:

                    <div class="page-info">
                        <div class="page-time">
                            <div class="page-day">15</div>
                            <div class="page-my">
                                <div class="mon">FEB</div>
                                <div class="year">2011</div>
                            </div>                            
                        </div>
                            <span class="page-title"></span>
                            <span class="page-label"></span>
                         </div>
                    <div class="page-img"></div>
                    <p></p>
                    <a href="#"></a>
                    <span class="massage"></span>
                </div>
对应的css:

.page-time{
        width: 115px;
        padding-right: 15px;
        border-right: 1px solid #000;
        float: left;
        font-family: 'CharlisSILTalic';   
    }
    .page-day{
        font-size: 52px;
        line-height: 42px;
        float: left;
        padding-right: 10px; 
    }
    .page-my{
        float: left;
        font-size: 20px;
    }
    .mon{
       padding-bottom: 2px;

   text-align: left;
    }

展开
收起
a123456678 2016-03-26 10:36:31 5109 0
1 条回答
写回答
取消 提交回答
  • .page-time{
            width: 115px;
            padding-right: 15px;
            border-right: 1px solid #000;
            float: left;
            font-family: 'CharlisSILTalic'; 
            padding-bottom:0px;  
        }
    2019-07-17 19:15:39
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载