Browse Source

HTML指引更新

Chente 6 years ago
parent
commit
6c6fb5bbbf
1 changed files with 6 additions and 5 deletions
  1. 6 5
      dinge.html

+ 6 - 5
dinge.html

@@ -603,7 +603,8 @@
                     <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                 </div>
             </div>
-        </div>    
+        </div>
+      </div>
     <!--弹出html填写帮助-->
     <div class="modal fade" id="help" style="display: none;" aria-hidden="true">
         <div class="modal-dialog" role="document">
@@ -637,7 +638,7 @@
                     <p class="mb-0">文本居左(默认已居左):text-left</p>
                     <p class="text-primary">&lt;p class="text-left" &gt;这是一行文本&lt;/p&gt;</p>
                     <p class="mb-0">表格:&lt;table&gt;、&lt;tr&gt;、&lt;th&gt;、&lt;td&gt;</p>
-                    <p class="mb-0 text-primary">&lt;table&gt;</p>
+                    <p class="mb-0 text-primary">&lt;table class="table table-sm table-border"&gt;</p>
                     <p class="mb-0 text-primary">&lt;tr&gt;&lt;th&gt;表头1&lt;/th&gt;&lt;th&gt;表头2&lt;/th&gt;&lt;th&gt;表头3&lt;/th&gt;&lt;/tr&gt;</p>
                     <p class="mb-0 text-primary">&lt;tr&gt;&lt;td&gt;内容1&lt;/td&gt;&lt;td&gt;内容2&lt;/td&gt;&lt;td&gt;内容3&lt;/td&gt;&lt;/tr&gt;</p>
                     <p class="mb-0 text-primary">&lt;tr&gt;&lt;td&gt;内容4&lt;/td&gt;&lt;td&gt;内容5&lt;/td&gt;&lt;td&gt;内容6&lt;/td&gt;&lt;/tr&gt;</p>
@@ -650,7 +651,7 @@
                       </table>
                     </p>
                     <p class="mb-0">合并横向单元格(2格):colspan="2"</p>
-                    <p class="mb-0 text-primary">&lt;table&gt;</p>
+                    <p class="mb-0 text-primary">&lt;table class="table table-sm table-border"&gt;</p>
                     <p class="mb-0 text-primary">&lt;tr&gt;&lt;th colspan="2"&gt;表头1表头2&lt;/th&gt;&lt;th&gt;表头3&lt;/th&gt;&lt;/tr&gt;</p>
                     <p class="mb-0 text-primary">&lt;tr&gt;&lt;td&gt;内容1&lt;/td&gt;&lt;td&gt;内容2&lt;/td&gt;&lt;td&gt;内容3&lt;/td&gt;&lt;/tr&gt;</p>
                     <p class="mb-0 text-primary">&lt;tr&gt;&lt;td&gt;内容4&lt;/td&gt;&lt;td&gt;内容5&lt;/td&gt;&lt;td&gt;内容6&lt;/td&gt;&lt;/tr&gt;</p>
@@ -663,14 +664,14 @@
                       </table>
                     </p>
                     <p class="mb-0">合并竖向单元格(2格):rowspan="2"</p>
-                    <p class="mb-0 text-primary">&lt;table&gt;</p>
+                    <p class="mb-0 text-primary">&lt;table class="table table-sm table-border"&gt;</p>
                     <p class="mb-0 text-primary">&lt;tr&gt;&lt;th&gt;表头1&lt;/th&gt;&lt;th&gt;表头2&lt;/th&gt;&lt;th&gt;表头3&lt;/th&gt;&lt;/tr&gt;</p>
                     <p class="mb-0 text-primary">&lt;tr&gt;&lt;td rowspan="2"&gt;内容1内容4&lt;/td&gt;&lt;td&gt;内容2&lt;/td&gt;&lt;td&gt;内容3&lt;/td&gt;&lt;/tr&gt;</p>
                     <p class="mb-0 text-primary">&lt;tr&gt;&lt;td&gt;内容5&lt;/td&gt;&lt;td&gt;内容6&lt;/td&gt;&lt;/tr&gt;</p>
                     <p class="mb-0 text-primary">&lt;/table&gt;</p>
                     <p>
                       <table class="table table-sm table-bordered">
-                        <tr><th colspan="2">表头1表头2</th><th>表头3</th></tr>
+                        <tr><th>表头1</th><th>表头2</th><th>表头3</th></tr>
                         <tr><td rowspan="2">内容1内容4</td><td>内容2</td><td>内容3</td></tr>
                         <tr><td>内容5</td><td>内容6</td></tr>
                       </table>