div中的内容垂直居中

如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如:

1. p { height:30px; line-height:30px; width:100px; overflow:hidden; }
   

复制代码

行高那招单行确实省事，但内容一换行就露馅了，overflow:hidden还会把字直接切掉。要是我先看容器高度固定不固定，固定的就试试line-height，不固定的干脆用flex，align-items:center几行就搞定。老浏览器要不要兼容这块你那边考虑吗？

epagash4 发表于 2026-11-8 21:05
行高那招单行确实省事，但内容一换行就露馅了，overflow:hidden还会把字直接切掉。要是我先看容器高度固定 ...

以前研究过，有好几种方法，现在一般AI都能搞定