论坛

标题: 表格练习 [打印本页]

作者: 小飞侠730222    时间: 2016-8-23 22:54
标题: 表格练习
如何能让表个平均分布呢?比如改作业中底部的5个图片,表格如何能均匀的平均分布?

作者: yuanxi52028    时间: 2016-8-24 18:05
你的表格布局有问题
中间的两个td一个跨3个单元格,一个跨2个单元格,等于就是下面的td左边3个单元是中间左边单元格的宽,右边2个单元格是中间右边单元格的宽,这样怎么都会对不齐的。

<table width="100%" border="0" cellspacing="0" cellpadding="5">
  <tr>
    <td colspan="2">标题</td>
  </tr>
  <tr>
    <td align="center"><img src="#" /></td>
    <td align="center"><img src="#" /></td>
  </tr>
  <tr>
    <td colspan="2">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center"><img src="#" /></td>
        <td align="center"><img src="#" /></td>
        <td align="center"><img src="#" /></td>
        <td align="center"><img src="#" /></td>
        <td align="center"><img src="#" /></td>
      </tr>
    </table>
    </td>
  </tr>
</table>

这样,下面的td不受中间的td影响的,再通过一些样式来调整,就能等间距了

亲,你先试试,有什么问题可以再提。
作者: 小飞侠730222    时间: 2016-8-24 21:25
好的,谢谢老师。




欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1