Update 头行保存.md

前端组件/头行保存.md

@@ -5,20 +5,27 @@
 头行保存在实用中经常用到，头行保存指的是头表和行表(一对多)的数据同时插入，如中途失败则这次事务不进行提交。
 
 假设我们有两张表 
+<style>
+table th:first-of-type {
+    width: 100px;
+}
+</style>
 
 **hls_person（头表）**  
-pid   | name  | age | 
--------- | ----- | -----|
-1|张三|21
-2|李四|36
-
-*hls_hobby（行表）**
-hid   | pid |hobby| cause| 
--------- | -----|----- |-----|
-1|1|篮球| 因为篮球好玩
-2|1|游泳| 因为游泳好玩
-3|1|动画片|最爱看大头儿子
-4|2|画画|梵高的画也不过如此
+
+|pid|name|age |
+|:---: | :---: | :---:|
+|1| 张三 | 21  |
+| 2 | 李四| 36 |
+
+
+*hls_hobby（行表**  
+|hid| pid |hobby| cause| 
+|:--------: | :-----:|:-----: |:-----:|
+|1|1|篮球| 因为篮球好玩|
+|2|1|游泳| 因为游泳好玩|
+|3|1|动画片|最爱看大头儿子|
+|4|2|画画|梵高的画也不过如此|
 
 
 需求是新增一个人的信息以及它的爱好（向hls_person和hls_hobby表新增记录）