父标签 { text-align: center; } 子标签 { display: inline-block; }
以上代码将父标签的文本对齐方式设置为居中,并将子标签的显示方式设置为内联块级元素。这样,在父标签内部放置一个子标签后,即可实现子标签的水平居中。
另外,若想要实现子标签的垂直居中,可以在父标签内添加以下代码:
父标签 { display: flex; justify-content: center; align-items: center; }
以上代码使用CSS3的Flex布局,在父标签上同时设置了主轴和交叉轴对齐方式为居中,从而实现子标签的垂直居中。
需要注意的是,以上方法仅适用于父标签内只有一个子标签的情况。若有多个子标签需要同时居中,可以将所有子标签放置于一个父标签内,然后对该父标签进行上述的CSS样式设置。