Question

我在blog

中并排添加了多张图片

这是代码

<div class="images">
<figure>
 <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSA7XLfGrT1rMS-Ifoguz-X2igsTtMLyNG08eYR0J00YY8zJQzB8Q" style="width:200px; height:100px;"/>
    <figcaption>Itty</figcaption>
</figure>
<figure>
    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSA7XLfGrT1rMS-Ifoguz-X2igsTtMLyNG08eYR0J00YY8zJQzB8Q" style="width:200px; height:100px;"/>
    <figcaption>Bitty</figcaption>
</figure>
<figure>
    <img src="http://oi57.tinypic.com/2mrch37.jpg" style="width:200px; height:100px;"/>
    <figcaption>Kitty</figcaption>
</figure>
<figure>
    <img src="http://oi57.tinypic.com/2mrch37.jpg" style="width:200px; height:100px;" />
    <figcaption>Commiteh</figcaption>
</figure>

这是css代码。我通过添加小部件选项在博客中选择html / javascript外部小部件，在同一小部件中添加了html和css，并在菜单栏和页面下方添加了该小工具。我不知道在菜单栏和这个小部件之间添加空格。这是原始模板，因为它看起来在site

figure {
    display: inline-block;
    margin: 30px 1em 1em 0;

}

figcaption {
    font-family: 'Comic Sans MS';
    text-align: center;
    font-size: 12pt;

}

Answer 1

您必须更改<div id="HTML3">的窗口小部件顺序，并将其放在<div id="navbar2-mid">之后。

并在<div class="clear">之后添加<div id="header-area">。

如果我理解你的问题，这应该有效！

如何增加菜单栏和小部件之间的空间

1 个答案: