实际上，我有一个表，表中的行数动态增加/减少。所以我想适当地放置我的提交按钮。请指教。这就是我正在尝试的：在我的 servlet 中，我试图包含它： "input[type=button] {"+ "position:absolute;"+ "transition: .5s ease;"+ "top: 80%;"+ "left: 75%;"+ "font-size: 22px;"+ "font-weight: bold;"+ "font-family: ariel;"+ "background-color: #ffedca;"+ "}"+但如果我的表中有 2 或 3 行，这很好用。但如果我有超过 3 行，输出将是： 1 CPA1 Validating release 2 CPA2 Validating release 3 CPA3 Validating release cancel ok 4 CPA4 Validating release在上面的输出中，取消和确定按钮只有 3 行。
2 回答
心有法竹
TA贡献1866条经验 获得超5个赞
我喜欢Flex Box，你可以在类似的结构中工作
<body>
<div class="form">
<input>
...some input fields
</input>
<button>My Submit</button>
</div>
<body>
然后你的CSS
.form{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
这将使 .form div 中的所有子项在 .form 中垂直和水平居中，而无需指定填充或边距
红颜莎娜
TA贡献1842条经验 获得超12个赞
我想我有点晚了，但你可以通过以下方式做到这一点：
tr{
height: 10px;
width:100px;
}
table{
width: 100%;
}
table, tr, td {
border: 1px solid black;
}
.container{
display: flex;
}
.tableContainer{
width:80%;
}
.submitContainer{
display: flex;
align-items: center;
justify-content: center;
width:20%;
}
<div class="container">
<div class='tableContainer'>
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div class='submitContainer'>
<button>CLick me </button>
</div>
</div>
添加回答
举报
0/150
提交
取消