补充:CSS中内容垂直居中的几种办法,
法一:行高(line-height)法
让文字的行高和容器的高度相同
法二:内边距(padding)法
适合一行或几行文字垂直居中,原理就是利用padding将内容垂直居中
法三:模拟表格法
将容器设置为display:table,然后将子元素也就是要垂直居中显示的元素设置为display:table-cell,然后加上vertical-align:middle来实现。
补充:CSS中内容垂直居中的几种办法,
法一:行高(line-height)法
让文字的行高和容器的高度相同
法二:内边距(padding)法
适合一行或几行文字垂直居中,原理就是利用padding将内容垂直居中
法三:模拟表格法
将容器设置为display:table,然后将子元素也就是要垂直居中显示的元素设置为display:table-cell,然后加上vertical-align:middle来实现。