外部div宽度为100%，内部div宽度也为100%，内部div整体水平居中

借鉴了别人的样式布局

在vue中，从外部传入一个table，但是没有提供宽度任何样式信息使传入的html整个标签居中,

<div style="float: left; position: relative;left: 50%; ">
<div style="position: relative;left: -50%" v-html="mytable"></div>
</div>

传入的table

mytable="<table>
<td>水果</td>
<td>面包</td>
<td>水果</td>
<td>面包</td>
<td>水果</td>
<td>面包</td>
</table>"

效果如图


如果传入的是其他元素，如button，直接用text-align:center就可以居中