不规则表格内容设置水平垂直都居中的方法如下:
将要使内容居中的外层容器元素的 display 设置成 table,内层内容块使用 table-cell,然后分别设置水平和垂直居中。
使用 Flexbox 当父元素设置为 display:flex 后,子元素设置 margin:auto 就可以相对于父元素在垂直和水平方向进行居中。
要设置不规则表格内容水平垂直都居中,可以使用 CSS 的 display: flex; 和 align-items: center; 属性来实现。
以下是一个示例代码:
.table {
display: flex;
align-items: center;
justify-content: center;
}
在上述代码中, table 是你的表格元素的 CSS 类名。通过将 display 属性设置为 flex ,表格元素将以 Flex 布局方式显示。然后,使用 align-items: center; 和 justify-content: center; 属性将子元素在垂直和水平方向上居中。
请确保将上述代码添加到你的 CSS 文件中,并将 table 替换为你实际使用的表格元素的类名。这样,不规则表格中的内容将在水平和垂直方向上都居中显示。