最近碰到一个问题，当在HTML使用float把table并列在一行，在电脑上浏览器显示正常，但是在平板上出现一上一下的情况。作为一名HTML开发新手，关于这个问题纠结比较久找了比较多的资料终于解决掉，所以把方法给大家分享下。
该方法是通过使用table嵌套方式，先做一个两列表格然后把两个表格嵌套进去。代码很简单。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table width="100%" align="center">
<tr>
<td width="20%" style="float: left;margin: 0px;padding: 0px;">
<table>
<tr>
<td>小米</td>
</tr>
</table>
</td>
<td width="80%" style="float: right;margin: 0px;padding: 0px;">
<table>
<tr>
<td>华为</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
通过调整tb 的width控制table比例。
扫一扫
7200
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
