CSS居中

发布时间：2020-12-15 00:32:47 所属栏目：C语言来源：网络整理

导读：table class="css"gt;tbodytr class="li1"gt; 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 23 24 25 26 27 28 、，实现文本或者img的水平居中。、：，实现块级元素的水平居中。、，通过设置左右留白实现水

                                            <table class="css"&gt;<tbody><tr class="li1"&gt;

<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
23
24
25
26
27
28

、，实现文本或者img的水平居中。、：，实现块级元素的水平居中。、，通过设置左右留白实现水平居中。 ? css垂直居中垂直居中同样有好几种方式实现，应用的场景也都各自不同，这里用树形图总结：父元素 ? ? ? ? 高度不固定 ? ? ? ? ? ? ? ? 设置 ? ? ? ? 高度固定 ? ? ? ? ? ? ? ? 子元素宽度固定，高度不固定 ? ? ? ? ? ? ? ? ? ? ? ? ： ? ? ? ? ? ? ? ? ? ? ? ? 父元素方式， ? ? ? ? ? ? ? ? 子元素宽度固定，高度固定 ? ? ? ? ? ? ? ? ? ? ? ? ： ? ? ? ? ? ? ? ? ? ? ? ? 绝对定位，：，：，：，： ? ? ? ? ? ? ? ? ? ? ? ? 负定位 ? ? ? ? ? ? ? ? ? ? ? ? 父元素方式， ? ? ? ? ? ? ? ? 子元素宽度不固定，高度不固定（多行文本） ? ? ? ? ? ? ? ? ? ? ? ? ： ? ? ? ? ? ? ? ? ? ? ? ? ： ? ? ? ? ? ? ? ? 子元素宽度不固定，高度固定 ? ? ? ? ? ? ? ? ? ? ? ? ： ? ? ? ? ? ? ? ? ? ? ? ? 绝对定位，：，：，：，： ? ? ? ? ? ? ? ? ? ? ? ? 负定位所以，移动端可直接使用方式，PC端则根据情况而定。（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!