如何从表格html设计中删除无用的空间

时间:2017-08-26 07:41:34

标签: html css html5 css3

一切都很好,但我无法移除无用的空间。如何删除它任何人都可以解决它

顺便说一句,我已经给出了下面哪个部分要删除的图片,那里有无用的空白区域和手机区域周围的空间。

enter image description here



 <table style="width: 100%; border: 10px solid #bdbdbd; background: #fff; font-family: Arial, Helvetica, sans-serif; color: #444;">
        <tr>
            <td width="50%" valign="top" border="0px">
                <div id="masterEmailData">
                <table style="background:#e7e7e7; height:auto; width:100%; height:100vh;">
                    <tr>
                        <td style="text-align:center"><img src="{9}/Content/content/image/logo1.png" class="img-responsive" style=" padding:0px 5px; max-width:250px;" /></td>
                    </tr>
                    <tr>
                        <td>
                            <p style="text-align: center; background:#074f8e; padding:12px; color:#fff; font-size: 18px; margin: 5px 0">Phone</p>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align:center"><img src="../Content/content/image/emailImg.png" style=" padding:0px 5px; max-width:250px;" /></td>
                    </tr>
                    <tr>
                        <td>
                           
                        </td>
                    </tr>

                </table>
                </div>
            </td>


        </tr>
</table>
&#13;
&#13;
&#13;

谢谢你!

1 个答案:

答案 0 :(得分:1)

您要找的是属性cellpaddingcellspacing。将它们设置为0,白色空间应该消失。 Here is an explanation他们实际做了什么。