如何使 div 元素居中（右：50% 不起作用）[重复]答案

【问题标题】：How to center div element (right: 50% Doesnt work) [duplicate]如何使 div 元素居中（右：50% 不起作用）[重复]
【发布时间】：2015-11-19 08:00:47
【问题描述】：

我正在尝试将 div 元素居中，但是当我使用它时：

position: relative;
float: right;
right: 50%;
margin: 0 auto;

我得到以下信息：

它只是将元素的右边缘居中，其他一切都向左。

有什么想法吗？

【问题讨论】：

【解决方案1】：

只需使用：

margin-left: auto;
margin-right: auto;

没有别的了。

【讨论】：

【解决方案2】：

你可以试试下面的代码：

对于水平：

margin:0 auto;

对于水平和垂直：

position:absolute;
top:50%;
left:50%; 
tranform:translate(-50%, -50%);

【讨论】：