CSS中有多种方法可以实现将图片放在一列的效果,下面介绍几种常用的方法。/* 方法一:float属性 */ img { float: left; margin-right: 10px; } /* 方法
CSS中有多种方法可以实现将图片放在一列的效果,下面介绍几种常用的方法。
/* 方法一:float属性 */ img { float: left; margin-right: 10px; } /* 方法二:display属性 */ .img-container { display: flex; /* 可以使图片垂直对齐 */ } .img-container img { margin-right: 10px; } /* 方法三:position属性 */ .img-container { position: relative; /* 父元素要设置position属性 */ } .img-container img { position: absolute; left: 0; top: 0; margin-right: 10px; }
以上三种方法均能实现将图片放在一列的效果,具体使用需要根据实际情况选择使用哪一种方法。其中,第二种方法使用了flex布局,可以将图片垂直对齐,适用于需要对齐的场景。
粉丝
0
关注
0
收藏
0