Question

我差不多完成了我的网站，但是空格会将我的元素从页面处理到另一个页面。

请点击here

跨境通话时间转移下方的空白区域比

更厚

此页面here

我尝试用后者最小化空白，但没有一个工作。

以下是comgtech.com/products1_1.php

的代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" charset="utf-8;" content="text/html" />

     <title>CTI | CORE PLATFORMS</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>
           <div >
        <?php include 'header.html' ?>

        <div style="text-align: center">
            <img src="images/cbat.jpg" style="width: 800px;" />

            <div style="width: 800px; margin:0 auto;" >
                <p style="margin-top: 0;">
                    <span style="float:left;" >
                        <img src="images/core-platforms.jpg" style="margin-right: 20px;"  />
                    </span>
                    <span style="float: right; " ><p style="text-align:left; font-size:13px; color:#333333" >
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te f eugait nulla facilisi. <br /><br />&#x2022; Cti.Loadwallet<br />&#x2022; Cti.MAS (Mobile Acquiring System)<br />&#x2022; Cti.Remit<br />&#x2022; Cti.SMS (Short Message Service)
                    </span>
            </p>

            </div> <br /><br />
            <div style="width: 800px; margin:0 auto; font-weight:bold; text-align: left;">
                               <a href="products1_1.php"  class="back-more"><font color="#00b1ef">&#60;back</font></a> 
                               <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <a href="products1_3.php"  class="back-more">know more&#62;</a>-->
                    </div>

        </div>


        </div>



               <?php include 'footer.html' ?>    
          </div>
</body>
</html>

Answer 1

问题在于“跨境通话时间传输”图像之后的HTML标记。

在第2页中，有一个元素后，在第2页中有一个元素。

表的显示是一个表，但div的显示是一个块。

块元素的一个属性是它在它之前和之后创建一个换行符。

了解更多here

要解决此问题，请为div提供负上边距CSS属性：margin-top: -13px;

在这样做之后，我注意到页脚比以前略高，所以如果你想降低它，请给div height 251px {{1}}。{ / p>

干杯：）

删除HTML / CSS中的空格

1 个答案: