CSS中如何将图片衬在文字下方 在CSS中,我们可以使用`vertical-align`属性来调整图片的垂直对齐方式。默认情况下,图片是基于当前行的基线对齐的,也就是说,它在文本中的位置是跟文字的下方
<style> .text-with-image { display: inline-block; position: relative; padding-bottom: 50px; /* 设置容器的高度和宽度,同时为图片留出一定的空间 */ } .text-with-image img { position: absolute; bottom: 0; /* 将图片定位到容器的底部 */ vertical-align: bottom; /* 调整图片的垂直对齐方式为bottom */ } </style> <p class="text-with-image"> 这是一段文本,其中包含了一个图片: <img src="example.jpg" alt="示例图片"> </p>
粉丝
0
关注
0
收藏
0