我们经常需要将两张图片放在一起展示,这时候就需要使用CSS的布局技巧。以下是两种不同的方法:/*方法一:使用float属性*/ img { float: left; margin-right: 10p
我们经常需要将两张图片放在一起展示,这时候就需要使用CSS的布局技巧。以下是两种不同的方法:
/*方法一:使用float属性*/ img { float: left; margin-right: 10px; }
上面的代码中,我们设置了图片浮动到左侧,并在图片右侧留出10像素的间距。
/*方法二:使用display属性*/ img { display: inline-block; vertical-align: middle; }
上面的代码中,我们将图片设置为内联块状元素,以方便进行布局,并使用垂直对齐属性将两张图片居中对齐。
粉丝
0
关注
0
收藏
0