如何在另一列下定位列?

时间:2016-12-11 02:07:37

标签: mobile html-table

我目前正在开发一个适合移动设备的网站。在这种情况下,我必须使用相同的HTML。我可以做一些小的调整,但是当我把它改回这个默认的CSS时它必须看起来一样。

#explain{
	position:absolute;
	top:100px;
	left:20px;
	width:95%;
	min-width:0;
	margin:auto;
	column-count:1;
}#explain th{
	margin:0px;
}#explain_icon img{
	width:130px;}
<html>
<head>
</head>
<body>
<table id="explain"  cellspacing="15px">
                <tr id="explain_icon">
                   <td><img src="IMG/group.png" alt="Image has failed to load"></td>
                   <td><img src="IMG/Bell.png" alt="Image has failed to load"></td>
                   <td><img src="IMG/Warrenty.png" alt="Image has failed to load"></td>
                </tr><tr>
                   <th>Japan</th>
                   <th>is a</th>
                   <th>smaller china</th>
                </tr><tr>
                      <td><b>The
                      </b></td>
                      <td><b>Human
                      </b></td>
                      <td><b>Esophagus
                      </b></td>
            </tr></table>
  
  </body>
  <html>

2 个答案:

答案 0 :(得分:0)

使用Bootstrap。在您的网站中集成Bootstrap,只需在行和列类中划分您的html页面。这是让任何网站都移动友好的完美方式。

答案 1 :(得分:0)

我通过将表格更改为分隔格式来解决我的问题。我还为代码中的各个对象创建了一个列表。我进入CSS并更改它,以便显示器进入&#34; table&#34;这基本上使所有列。