今天我们来学习一下CSS中如何将文字放在图片的右侧。在Web设计中,常常需要把一些文字与图片结合起来,以达到更好的页面效果。下面是一个简单的例子,我们来看看如何实现。首先,我们需要在HTML中插入一张
<div class="img-text"> <img src="example.jpg"> <p>这是一段文本。</p> </div>
.img-text { display: flex; /* 设置弹性盒子布局 */ align-items: center; /* 垂直居中对齐 */ } .img-text img { margin-right: 20px; /* 设置图片距离文本的右边距 */ }
粉丝
0
关注
0
收藏
0