小编the*_*e12的帖子

CSS网格，插入图像时底部的边距

我正在尝试使用CSS网格，但遇到了一个（可能是愚蠢和基本的）问题。因此，我试图基本上在网格内的div中插入一个图像，并在底部创建某种填充。

#test {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

#square1 {
  background-color: red;
}

#square2 {
  background-color: blue;
}

#square3 {
  background-color: yellow;
}

Run Code Online (Sandbox Code Playgroud)

<div>

  <div id="test">
    <div id="square1"><img src="https://wepushbuttons.com.au/wp-content/uploads/2012/03/twitter-logo-small.jpg"></div>

    <div id="square2"></div>

    <div id="square3"></div>

  </div>

Run Code Online (Sandbox Code Playgroud)

html css image padding

the*_*e12

2019 05-31

1
推荐指数

1
解决办法

723
查看次数