借鉴了别人的样式布局
在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就可以居中