如何用CSS让文字居于div的底部

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用CSS让文字居于div的底部相关的知识,希望对你有一定的参考价值。

参考技术A 使用行高
比如DIV高度50px 行高设置成80px(具体数字需要调整)这样就会在底部,这样做的话需要给DIV设置溢出隐藏 overflow:hidden;本回答被提问者采纳

如何用CSS让文字左对齐,图片居中

参考技术A 方法如下:
一、行高(line-height)法
如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如:

p

height:30px;

line-height:30px;

width:100px;

overflow:hidden;



这段代码可以达到效果。

二、内边距(padding)法
另一种方法和行高法很相似,它同样适合一行或几行文字垂直居中,原理就是利用padding将内容垂直居中,比如:

p

padding:30px;

参考技术B ,图片居中

以上是关于如何用CSS让文字居于div的底部的主要内容,如果未能解决你的问题,请参考以下文章

css如何控制文字垂直居底

如何用CSS把层固定在整个网页的最底部?

如何用css设置div中的文字靠下

如何用CSS让文字显示在边框上

div 中的字体如何用CSS控制居下

如何用CSS往图片上嵌入文字??