外部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就可以居中