如何“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

我认为你的意思是＆＃34;他们如何将徽标集中在一起？＆＃34;

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