如何居中div元素（右：50％不起作用）

Question

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

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

我得到以下内容：

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

有什么想法吗？

Answer 1

只需使用：

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

别无其他。

Answer 2

您可以尝试以下代码：

For Horizo​​ntal：

var data = [
  {
      "something": {
          "terms": {
              "span": [
              9,
              12
              ],
              "value": "1g",
              "label": "grams"
          }
      ,
          "span": [
          9,
          12
          ],
          "weight": 0.29,
          "value": "1gm"
      }
  },
  {
      "something": {
          "terms": {
              "span": [
              16,
              20
              ],
              "value": "30ml",
              "label": "liters"
          }
      ,
          "span": [
          16,
          20
          ],
          "weight": 0.35,
          "value": "30ml"
      }
  }
];

var sorted = data.slice(0);
sorted.sort(function (a, b) {
    return b.something.weight - a.something.weight; // desc!
});
document.write('<pre>' + JSON.stringify(sorted, 0, 4) + '</pre>');

水平和垂直：

margin:0 auto;