我在 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;
}
最佳答案
您将不得不更改 <div id="HTML3">
的小部件顺序放在<div id="navbar2-mid">
之后.
同时放一个<div class="clear">
在 <div id="header-area">
之后.
如果我正确理解你的问题,这应该有效!
关于html - 如何增加菜单栏和小部件之间的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28397001/