方法如下:
一、行高(line-height)法如果要垂直居中的只有一行或幾個文字,那它的制作最為簡單,只要讓文字的行高和容器的高度相同即可,比如:p{height:30px;line-height:30px;width:100px;overflow:hidden;}這段代碼可以達到效果。
二、內邊距(padding)法另一種方法和行高法很相似,它同樣適合一行或幾行文字垂直居中,原理就是利用padding將內容垂直居中,比如:p{padding:30px;}
方法如下:
一、行高(line-height)法如果要垂直居中的只有一行或幾個文字,那它的制作最為簡單,只要讓文字的行高和容器的高度相同即可,比如:p{height:30px;line-height:30px;width:100px;overflow:hidden;}這段代碼可以達到效果。
二、內邊距(padding)法另一種方法和行高法很相似,它同樣適合一行或幾行文字垂直居中,原理就是利用padding將內容垂直居中,比如:p{padding:30px;}