Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在网站的各个部分之间留出空间?_Html_Web_Web Testing - Fatal编程技术网

Html 如何在网站的各个部分之间留出空间?

Html 如何在网站的各个部分之间留出空间?,html,web,web-testing,Html,Web,Web Testing,您好,我正在为一位朋友创建一个网站,由于某些原因,当您运行它时,它不会显示中间的空间。如果你在HTML中运行它,它会显示一个空格,但是如果你去他发布的网站,它不会显示这个空格。他发布的网站是:。有人对此有办法吗 <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl

您好,我正在为一位朋友创建一个网站,由于某些原因,当您运行它时,它不会显示中间的空间。如果你在HTML中运行它,它会显示一个空格,但是如果你去他发布的网站,它不会显示这个空格。他发布的网站是:。有人对此有办法吗

<!DOCTYPE html>
<html  >
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="generator" content="Mobirise v5.1.4, mobirise.com">
      <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
      <link rel="shortcut icon" href="assets/images/logo5.png" type="image/x-icon">
      <meta name="description" content="">
      <title>Home</title>
      <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
      <link rel="stylesheet" href="assets/tether/tether.min.css">
      <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
      <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
      <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
      <link rel="stylesheet" href="assets/theme/css/style.css">
      <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css">
      <link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
   </head>
   <body>
      <section class="header19 cid-scBqiokqjK mbr-fullscreen" id="header19-0">
         <div class="container">
            <div class="media-container">
               <div class="col-md-12 align-center">
                  <h1 class="mbr-section-title mbr-white mbr-bold mbr-fonts-style mb-3 display-1">Xploits</h1>
                  <p class="mbr-text mbr-white mbr-fonts-style display-7">Roblox exploits at its finest.</p>
                  <div class="mbr-section-btn align-center"><a class="btn btn-primary display-4" href="#bottom">Learn More</a></div>
                  <div class="row justify-content-center">
                     <div class="col-12 col-md-6 col-lg-3">
                        <div class="card-wrapper">
                           <div class="card-box align-center">
                              <span class="mbr-iconfont mobi-mbri-code mobi-mbri"></span>
                              <h4 class="card-title align-center mbr-black mbr-fonts-style display-7">Coded precisely&nbsp;</h4>
                           </div>
                        </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-3">
                        <div class="card-wrapper">
                           <div class="card-box align-center">
                              <span class="mbr-iconfont mobi-mbri-cash mobi-mbri"></span>
                              <h4 class="card-title align-center mbr-black mbr-fonts-style display-7"><strong>It's free!</strong></h4>
                           </div>
                        </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-3">
                        <div class="card-wrapper">
                           <div class="card-box align-center">
                              <span class="mbr-iconfont mobi-mbri-key mobi-mbri"></span>
                              <h4 class="card-title align-center mbr-black mbr-fonts-style display-7"><strong>No key system</strong></h4>
                           </div>
                        </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-3">
                        <div class="card-wrapper">
                           <div class="card-box align-center">
                              <span class="mbr-iconfont mobi-mbri-setting-3 mobi-mbri"></span>
                              <h4 class="card-title align-center mbr-black mbr-fonts-style display-7"><strong>Customizable&nbsp;</strong></h4>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section class="gallery3 cid-scF2ip4wCo" id="gallery3-4">
         <div class="container-fluid">
            <div class="mbr-section-head">
               <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
                  <strong>Full-Width Gallery</strong>
               </h4>
               <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-5">Images with Title and Text</h5>
            </div>
            <div class="row mt-4">
               <div class="item features-image сol-12 col-md-6 col-lg-3">
                  <div class="item-wrapper">
                     <div class="item-img">
                        <img src="assets/images/features1.jpg">
                     </div>
                     <div class="item-content">
                        <h5 class="item-title mbr-fonts-style display-7">
                           <strong>Card Title</strong>
                        </h5>
                        <p class="mbr-text mbr-fonts-style mt-3 display-7">
                           Card Text. You don't have to code to create a site with Mobirise Builder. <a href="#" class="text-primary">Read more..</a>
                        </p>
                     </div>
                  </div>
               </div>
               <div class="item features-image сol-12 col-md-6 col-lg-3">
                  <div class="item-wrapper">
                     <div class="item-img">
                        <img src="assets/images/features2.jpg">
                     </div>
                     <div class="item-content">
                        <h5 class="item-title mbr-fonts-style display-7">
                           <strong>Card Title</strong>
                        </h5>
                        <p class="mbr-text mbr-fonts-style mt-3 display-7">
                           Card Text. You don't have to code to create a site with Mobirise Builder. <a href="#" class="text-primary">Read more..</a>
                        </p>
                     </div>
                  </div>
               </div>
               <div class="item features-image сol-12 col-md-6 col-lg-3">
                  <div class="item-wrapper">
                     <div class="item-img">
                        <img src="assets/images/features3.jpg">
                     </div>
                     <div class="item-content">
                        <h5 class="item-title mbr-fonts-style display-7">
                           <strong>Card Title</strong>
                        </h5>
                        <p class="mbr-text mbr-fonts-style mt-3 display-7">
                           Card Text. You don't have to code to create a site with Mobirise Builder. <a href="#" class="text-primary">Read more..</a>
                        </p>
                     </div>
                  </div>
               </div>
               <div class="item features-image сol-12 col-md-6 col-lg-3">
                  <div class="item-wrapper">
                     <div class="item-img">
                        <img src="assets/images/features4.jpg" alt="" title="">
                     </div>
                     <div class="item-content">
                        <h5 class="item-title mbr-fonts-style display-7">
                           <strong>Card Title</strong>
                        </h5>
                        <p class="mbr-text mbr-fonts-style mt-3 display-7">
                           Card Text. You don't have to code to create a site with Mobirise Builder. <a href="#" class="text-primary">Read more..</a>
                        </p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;">
         <a href="https://mobirise.site/g" style="flex: 1 1; height: 3rem; padding-left: 1rem;"></a>
         <p style="flex: 0 0 auto; margin:0; padding-right:1rem;">Mobirise site software - <a href="https://mobirise.site/n" style="color:#aaa;">Check this</a></p>
      </section>
      <script src="assets/web/assets/jquery/jquery.min.js"></script>  <script src="assets/popper/popper.min.js"></script>  <script src="assets/tether/tether.min.js"></script>  <script src="assets/bootstrap/js/bootstrap.min.js"></script>  <script src="assets/smoothscroll/smooth-scroll.js"></script>  <script src="assets/vimeoplayer/jquery.mb.vimeo_player.js"></script>  <script src="assets/theme/js/script.js"></script>  
   </body>
</html>

家
掠夺

Roblox充分利用了它的优势

精确编码 免费 无钥匙系统 可定制的 全宽画廊 带有标题和文本的图像 卡片标题

卡片文本。使用Mobirise Builder创建站点不需要编写代码。

卡片标题

卡片文本。使用Mobirise Builder创建站点不需要编写代码。

卡片标题

卡片文本。使用Mobirise Builder创建站点不需要编写代码。

卡片标题

卡片文本。使用Mobirise Builder创建站点不需要编写代码。

Mobirise站点软件-


您只需在顶部添加一些
填充物即可,如下所示:

<section class="gallery3 cid-scF2ip4wCo" style="padding-top:10em" id="gallery3-4">
    
    
    <div class="container-fluid">
        <div class="mbr-section-head">
            <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
                <strong>Full-Width Gallery</strong></h4>
            <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-5">Images with Title and Text</h5>
        </div>
        <div class="row mt-4">
            <div class="item features-image сol-12 col-md-6 col-lg-3">
                <div class="item-wrapper">
                    <div class="item-img">
                        <img src="assets/images/features1.jpg">
                    </div>
                    <div class="item-content">
                        <h5 class="item-title mbr-fonts-style display-7">
                            <strong>Card Title</strong>
                        </h5>
                        
                        <p class="mbr-text mbr-fonts-style mt-3 display-7">
                            Card Text. You don't have to code to create a site with Mobirise Builder. <a href="#" class="text-primary">Read more..</a></p>
                    </div>
                    
                </div>
            </div>
            <div class="item features-image сol-12 col-md-6 col-lg-3">
                <div class="item-wrapper">
                    <div class="item-img">
                        <img src="assets/images/features2.jpg">
                    </div>
                    <div class="item-content">
                        <h5 class="item-title mbr-fonts-style display-7">
                            <strong>Card Title</strong>
                        </h5>
                        
                        <p class="mbr-text mbr-fonts-style mt-3 display-7">
                            Card Text. You don't have to code to create a site with Mobirise Builder. <a href="#" class="text-primary">Read more..</a></p>
                    </div>
                    
                </div>
            </div>
            <div class="item features-image сol-12 col-md-6 col-lg-3">
                <div class="item-wrapper">
                    <div class="item-img">
                        <img src="assets/images/features3.jpg">
                    </div>
                    <div class="item-content">
                        <h5 class="item-title mbr-fonts-style display-7">
                            <strong>Card Title</strong>
                        </h5>
                        
                        <p class="mbr-text mbr-fonts-style mt-3 display-7">
                            Card Text. You don't have to code to create a site with Mobirise Builder. <a href="#" class="text-primary">Read more..</a></p>
                    </div>
                    
                </div>
            </div>
            <div class="item features-image сol-12 col-md-6 col-lg-3">
                <div class="item-wrapper">
                    <div class="item-img">
                        <img src="assets/images/features4.jpg" alt="" title="">
                    </div>
                    <div class="item-content">
                        <h5 class="item-title mbr-fonts-style display-7">
                            <strong>Card Title</strong>
                        </h5>
                        
                        <p class="mbr-text mbr-fonts-style mt-3 display-7">
                            Card Text. You don't have to code to create a site with Mobirise Builder. <a href="#" class="text-primary">Read more..</a></p>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>

全宽画廊
带有标题和文本的图像
卡片标题

卡片文本。使用Mobirise Builder创建站点不需要编写代码

卡片标题

卡片文本。使用Mobirise Builder创建站点不需要编写代码

卡片标题

卡片文本。使用Mobirise Builder创建站点不需要编写代码

卡片标题