有谁知道css 表格布局，看代码 ，想做这种单元格的合并然后让元素居中
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<style type="text/css">
.table
{
display:table;
text-align:center;
margin:auto;
}
.row
{
display:table-row;
}
.cell
{
display:table-cell;
padding:5px;
}
.label
{
text-align:right;
}
</style>
</head>
<body>
<form id="fruitform" method="post" action="localhost:80">
<div class="table">
<div class="row">
<div class="cell label">Banana:</div>
<div class="cell"><input name="bananas" value="2" /></div>
</div>
<div class="row">
<div class="cell label">apples:</div>
<div class="cell"><input name="apples" value="2" /></div>
</div>
<div class="row">
<div class="cell label">cherries:</div>
<div class="cell"><input name="cherries" value="2" /></div>
</div>
<div class="row">
<div class="cell label">File:</div>
<div class="cell"><input type="file" name="file" /></div>
</div>
<div class="row">
<div class="cell label">Total:</div>
<div id="results" class="cell">0 items</div>
</div>
<div class="row">
<div class="cell">
<button id="submit" type="submit">Submit form</button>
</div>
</div>
</div>
</form>
<script type="text/javascript">
document.getElementById("submit").onclick = handlebuttonpress;
var httpRequest;
function handlebuttonpress(e) {
e.preventDefault();
var form = document.getElementById("fruitform");
var formData = new FormData(form);
var httprequest = new XMLHttpRequest();
httprequest.onreadystatechange = handleresponse;
httprequest.open("POST", form.action);
httprequest.send(formData);
}
function handlereponse() {
if (httprequest.readyState == 4 && httprequest.status == 200) {
document.getElementById("results").innerhtml = httprequest.responseText;
}
}
</script>
</body>
</html>
回答
问题补充：
意思是想让按钮元素居中
版权：言论仅代表个人观点，不代表官方立场。转载请注明出处：https://www.stntk.com/question/232.html
还没有评论呢，快来抢沙发~