Question

我有一个元素，这个元素有另一个包含<table>的元素。

由于某些原因，我无法操纵它包含的内部<div>或<table>的CSS。

我需要水平对齐 <table>（或包含<div>的内部<table>，不重要，我只需要通过仅操作外部center的CSS，在外部<div>的{{1}}中显示中心对齐的表格。

<div>和border属性似乎移动了外部，我需要的是将其内容放在其中心（水平）。我怎么能这样做？

外padding的宽度为<div>。

PS：我只能使用内联CSS。

Answer 1

不完全确定这符合您的需求，但桌面上的简单保证金规则似乎是这样做的（http://jsfiddle.net/tiesont/ujxh0mjj/1/）：

#leftwrapper table
{
    margin: auto;
}

Answer 2

将以下2条规则添加到leftWrapper div：

display:flex;justify-content: center;

<div id="leftwrapper" style="width:590px;display:flex;justify-content: center; float:left; background-color:grey; overflow-y:auto; height:650px;">

<强> FIDDLE

Answer 3

将css应用到你的外部div：

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: - as per required;

如何通过操纵包装div的CSS来水平居中对齐div的内容？

3 个答案: