将一个未知宽度的div居中

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了将一个未知宽度的div居中相关的知识，希望对你有一定的参考价值。

  1. .message-container {
  2. 	margin: 0 auto 8px;
  3. 	display: table;
  4. 	}
  5.  
  6. .message-container div {
  7. 	display: table-cell;
  8. 	}
  9.  
  10.  
  11. <!--[if IE]>
  12. .message-container {
  13. 	display: block;
  14. 	text-align: center;
  15. 	}
  16. .message-container div {
  17. 	display: inline;
  18. 	zoom: 1;
  19. }
  20. <![endif]-->

以上是关于将一个未知宽度的div居中的主要内容，如果未能解决你的问题，请参考以下文章

当宽度未知时，将图像水平居中并将其垂直放置在 div 内的底部

CSS 使未知宽度的DIV居中

如果您不知道图像的大小，请在 Div 中垂直和水平居中图像？

如何在 Bootstrap 列中垂直居中 div？ [复制]

使用最大宽度和绝对定位将流体 DIV 居中

如何使具有相对宽度的 div 居中？