问题描述
您好，我正在为一个朋友创建一个网站，由于某些原因，当您运行它时，它之间没有显示空格。如果您使用HTML运行它，则会显示一个空格，但是如果您访问他发布的网站，则不会显示该空格。他发布它的网站是：https://xploit.gq/。有人为此解决吗？
<!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 </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 </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>
解决方法
您需要做的就是添加一些padding-top，如下所示：
<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>
在网站上，它产生以下结果：
依赖报错 idea导入项目后依赖报错，解决方案：https://blog....
错误1：gradle项目控制台输出为乱码 # 解决方案：https://bl...