如何在单个标题下的一行中添加多个图像?

时间:2019-02-23 19:26:44

标签: html css

我正在做这样的事情:

[https://www.w3.org/Style/Examples/007/figures.en.html#Illustrati][1]

但是有多张图片坐在一行上,标题正上方。

3 个答案:

答案 0 :(得分:1)

像这样吗?

  var cell = sheet2.getRange('P17').getValues();
  if (sheet2.getRange('P17').isBlank() == false) {
    var range = sheet1.getRangeList([cell]).activate();
    sheet1.getActiveRangeList().clear({contentsOnly: true, skipFilteredRows: true});}

  var cell = sheet2.getRange('P16').getValues();
  if (sheet2.getRange('P16').isBlank() == false) {
    var range = sheet1.getRangeList([cell]).activate();
    sheet1.getActiveRangeList().clear({contentsOnly: true, skipFilteredRows: true});}

答案 1 :(得分:1)

您可以在单个标题下添加任意数量的图像,但是您必须注意所有图像的高度。

figure {
  display: table;
  outline: 2px solid black;
  padding: 10px;
}

figcaption {
  display: table-caption;
  caption-side: top;
  padding-top: 10px;
  text-align: center;
}
<figure>
  <p><img src="https://cdn.pixabay.com/photo/2016/06/18/17/42/image-1465348_1280.jpg" height="100px" />
    <img src="https://c.wallhere.com/photos/71/12/tiger_animals-50159.jpg!d" height="100px" />
    <img src="https://c.pxhere.com/photos/62/7d/animal_animal_photography_blur_close_up_endangered_forest_furry_glare-1175431.jpg!d" height="100px" />
    <figcaption>Saint Tropez and its fort in the evening sun</figcaption>
</figure>

答案 2 :(得分:1)

默认情况下,

img标签是内联的。您只需要确保默认宽度不大即可。您可以通过指定图片的高度来缩放图片。

    <img src="https://cdn.pixabay.com/photo/2016/06/18/17/42/image-1465348_1280.jpg" height="100px"/>
    <img src="https://c.wallhere.com/photos/71/12/tiger_animals-50159.jpg!d" height="100px" />
    <img src="https://c.pxhere.com/photos/62/7d/animal_animal_photography_blur_close_up_endangered_forest_furry_glare-1175431.jpg!d" height="100px" />