text-align:center对块元素div不起作用

text-align只对文字，行内元素（inline），行内块元素（inline-block）起作用，对块元素（block）不起作用。

可以先把div转化为inline-block元素，即display: inline-block

扩展

vertical-align:middle对块元素不起作用，可以将div转化为 table-cell元素，即display: table-cell
vertical-align:middle对于inline和inline-block元素的作用，是周围元素对于当前元素的对齐方式，而对于table-cell是针对自身而言

如果本文对您有帮助，请给我点赞哦~ 谢谢~