css - “http://ghost.org/”html/css 是如何工作的

Question

在http://ghost.org/页面上有徽标部分。如果我们看到本节的 html 源码

<div class= "logos">
   <section class="logos-section">
       <span class="logo">...</span>      ---- Ref1
       ...
   </section>
   <section class="logos-section">
       <span class="logo">...</span>      ---- Ref2
        ...
   </section>
<div>

那么为什么 Ref2 图像不只是在 Ref1 下方？
为什么它被“s1”量移动？

Answer 1

它位于右下角的屏幕截图中。

text-align:center;

既然.logo它display:inline-block;受到了影响text-align

Answer 2

我认为您的意思是“他们如何使徽标居中？”

他们text-align: center;在section元素上使用，display: inline-block;在spans.