CSS布局之如何实现居中布局

1. 父级容器设置成表格,子级设为行内元素。 适合子级内容为文本展示。 <!-- css --> <style> #parent { height: 200px; width: 200px; border: 1px solid red; display: table-cell; /* 转变成表格 */ text-align: center; /* 水平 */ vertical-align: middle; /* 垂直 */ } #ch