编写一个加表格的等腰三角形形态的九九乘法表

有没有办法让下面的九九乘法表变成等腰三角形

img

直接对 tr 做样式处理 display:flex;justify-content:center;

给 td 进行 width 设置是为了成为等腰，否则，因字符串长度不一致，会有起伏


<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
  tr {display:flex;justify-content:center;}
  td {border:1px solid black;width:20px;}
  </style>
 </head>
 <body>
  <table>
  <tr><td>1</td></tr>
  <tr><td>2</td><td>4</td></tr>
  <tr><td>3</td><td>6</td><td>9</td></tr>
  <tr><td>4</td><td>8</td><td>12</td><td>16</td></tr>
  </table>
 </body>
</html>

img

用循环嵌套，动态生成表格的行和列