css三个图片并列放在一起

你可以使用CSS的flex布局来实现三个图片并列放在一起。具体步骤如下：

1. 用一个父容器包含三个子元素，设置display为flex，这样三个子元素将并列在一起。

2. 给父容器设置justify-content为space-between，这样三个子元素将会分别靠左、居中和靠右，并且它们之间会有一些空隙。

3. 给每个子元素设置一个宽度，比如33.33%，并设置display为block，这样每个子元素都会占据父容器的一部分空间，并且在同一行中并列放置。

4. 在每个子元素中添加一个<img>标签，并设置图片的src属性和宽高属性。

具体的CSS代码如下：

.parent {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.child {
  width: 33.33%;
  display: block;
}

.child img {
  width: 100%;
  height: auto;
}

这样就可以实现三个图片并列放在一起了。

相关问题

js怎么使三个input框并列

可以使用 CSS 中的 display: inline-block; 来让三个 input 框并列显示，如下所示：

<input type="text" name="input1" style="display: inline-block;">
<input type="text" name="input2" style="display: inline-block;">
<input type="text" name="input3" style="display: inline-block;">

或者将它们放在一个 div 容器中，然后设置该容器的 display 为 inline-block，如下所示：

<div style="display: inline-block;">
  <input type="text" name="input1">
  <input type="text" name="input2">
  <input type="text" name="input3">
</div>