除了"text-align:center;"之外,在DIV中居中还有其他选项,可以使用以下方法:
.parent {
display: flex;
justify-content: center;
align-items: center;
}
.child {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.child {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
这些方法都可以实现在DIV中居中的效果,具体选择哪种方法取决于具体的布局需求和兼容性要求。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm
效果图如下
📷
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../../jquery-1.7.2.min.js"></script>
</head>
<body>
html中table表格里的内容如何居中「建议收藏」