gpt4 book ai didi

html - 水平对齐多个表格?

转载 作者:行者123 更新时间:2023-11-28 16:46:51 26 4
gpt4 key购买 nike

我想要水平放置多个表格。它适用于 Firefox,但不适用于 Chrome。有什么想法吗?

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color:#000000;}
table {border:1px solid #FFFFFF; float:left;}
tr, td {background-color:#000000; border:1px solid #00000;}
</style>
</head>

<body>
<table id="t1">

<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>

</table>
<table id="t2">

<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>

</table>
</body>
</html>

最佳答案

我刚刚检查了 Chrome,它工作正常

<style>
body {background-color:#000000;}
table {border:1px solid #FFFFFF; float:left;}
tr, td {background-color:#000000; border:1px solid #00000;}
</style>

<table id="t1">

<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>

</table>
<table id="t2">

<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><input type="text" /></td>
<td></td>
<td></td>
</tr>

</table>

http://jsfiddle.net/Svbz2/

关于html - 水平对齐多个表格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9422924/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com