<table class="text">
<tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 属性设置行级元素居中对齐： 例：子元素设置display:inline-block,父元素设置text-align:center; 思路二：将子元素设置为块级表格来显示,并设置元素水平居中 例：在子元素上设置display:table;margin：0 auto; 思路三：使用相对定位和绝对定位，在父元素上设置相对定位，在子元素上设置绝对定位，设置居左偏移50%,设置自身偏移50% 例：在父元素上设置相对定位：postion:relative;在子元素上设置绝对定位：position:absolute;left:50%;transform:translateX(-50%); 思路四：在父元素上设置display:flex;justify-content:center;在子元素上设置：margin:0 auto; 垂直居中： 方法一：在父元素上设置：display:table-cell;vertical-align:middle; 方法二：在父元素上设置相对定位：postion:relative;在子元素上设置绝对定位:position:absolute;top:50%;transform:traslateY(-50%); 方法三：在父元素上设置：display:flex;align-items:center; 水平垂直居中： 方法一：在子元素上设置：display:inline-block;父元素设置：text-align:center;display:table-cell;vertical-align:middle; 方法二：在父元素上设置相对定位:position:relative;子元素设置绝对定位:position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); 方法三：在父元素上设置display:flex;justify-content:center;align-items:center;
