css将文字底部对齐

CSS样式中有一种属性，可以让文字底部对齐，那就是vertical-align。

p{
    vertical-align: baseline;
}

上面的代码就是将p标签的vertical-align属性设置为baseline。其实，baseline就是行框的基准线，文本会根据这条线来对齐。

但是，如果你想让文字的底部对齐，就需要把vertical-align设置为bottom。

p{
    vertical-align: bottom;
}

这样设置之后，每个p标签中的文字底部都会对齐，不论字体大小或者字符长度。

值得注意的是，如果你想对齐的文字在一个行内元素中，如span，那么需要给这个元素加上display: inline-block，让其具有行盒子的特征。

span{
    display: inline-block;
    vertical-align: bottom;
}
    

这样，即使你包含的文字长度不同，都能够底部对齐。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！