祖先元素是宽度是500父级元素宽度是1000子元素宽度是300使子元素居中显示
可以通过设置父级元素的左右边距来实现子元素居中显示。具体做法如下:
-
设置祖先元素的宽度为500,父级元素的宽度为1000,子元素的宽度为300。
-
设置父级元素的左右边距为自动(即 margin: 0 auto;)。
-
这样就可以实现子元素在父级元素中居中显示。
示例代码如下:
HTML代码:
CSS代码:
.ancestor { width: 500px; }
.parent { width: 1000px; margin: 0 auto; }
.child { width: 300px; }
原文地址: https://www.cveoy.top/t/topic/fIsh 著作权归作者所有。请勿转载和采集!