我试图简单地对齐一些字体真棒图标。在Squarespace的配置模式下，它们看起来不错，但是在重新加载页面时，它们会被淘汰。所附图片显示了在Squarespace的配置模式下的外观。
这是我用来初始设置字体真棒图标的小提琴。 https://jsfiddle.net/gavinfriel/e06qzw59/
<div class="main-container">
<div class="fixer-container">
<a href="#">
<div class="outline-circle">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
这是正在发生的事情：neueda-consulting.squarespace.com/training
您的帮助将不胜感激！
最佳答案
您要添加到列中的span-3类会在左侧创建一个边距。您只需要删除此类即可使其工作。
码：
<div class="row sqs-row">
<div class="col sqs-col-3"> <!-- span-3 WAS REMOVED HERE -->
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_7_1461928923800_5416">
<div class="sqs-block-content">
<div class="main-container">
<div class="fixer-container">
<a href="#">
<div class="outline-circle">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_2_1461936702983_9972">
<div class="sqs-block-content">
<a href="#">
<p class="training-name">AGILE AND ARCHITECTURE</p>
</a>
</div>
</div>
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_7_1461928923800_18889">
<div class="sqs-block-content">
<div class="main-container">
<div class="fixer-container">
<a href="#">
<div class="outline-circle">
<i class="fa fa-desktop" style="font-size: 65px; margin-top:22px;" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col sqs-col-3"> <!-- span-3 WAS REMOVED HERE -->
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_7_1461928923800_7510">
<div class="sqs-block-content">
<div class="main-container">
<div class="fixer-container">
<a href="#">
<div class="outline-circle">
<i class="fa fa-code" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_2_1461937219914_16038">
<div class="sqs-block-content">
<a href="#">
<p class="training-name">PROGRAMMING LANGUAGES</p>
</a>
</div>
</div>
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_7_1461928923800_24250">
<div class="sqs-block-content">
<div class="main-container">
<div class="fixer-container">
<a href="#">
<div class="outline-circle">
<i class="fa fa-check" style="margin-top:13px;" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col sqs-col-3"><!-- span-3 WAS REMOVED HERE -->
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_7_1461928923800_29285">
<div class="sqs-block-content">
<div class="main-container">
<div class="fixer-container">
<a href="#">
<div class="outline-circle">
<i class="fa fa-eye" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_2_1461937219914_17788">
<div class="sqs-block-content">
<a href="#">
<p class="training-name">ANALYSIS AND MANAGEMENT</p>
</a>
</div>
</div>
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_7_1461928923800_12489">
<div class="sqs-block-content">
<div class="main-container">
<div class="fixer-container">
<a href="#">
<div class="outline-circle">
<i class="fa fa-database" style="font-size: 70px;" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col sqs-col-3"><!-- span-3 WAS REMOVED HERE -->
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_7_1461928923800_33960">
<div class="sqs-block-content">
<div class="main-container">
<div class="fixer-container">
<a href="#">
<div class="outline-circle">
<i class="fa fa-globe" style="line-height:102px !important;" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_2_1461937219914_19354">
<div class="sqs-block-content">
<a href="#">
<p class="training-name">ENTERPRISE PLATFORMS</p>
</a>
</div>
</div>
<div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_7_1461928923800_36065">
<div class="sqs-block-content">
<div class="main-container">
<div class="fixer-container">
<a href="#">
<div class="outline-circle">
<i class="fa fa-line-chart" style="font-size:60px;" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
关于html - Font Awesome ，在Squarespace中敲响了其他div/代码块，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36940808/