css中文字与图片的对齐

在网页布局中，文字与图片的对齐是一个常见的问题。在CSS中，我们可以使用以下属性来实现文字和图片的对齐：
1. text-align属性：这个属性用于设置文本的对齐方式，它可以设置为left、right、center等值。如果我们希望将一组图片或图标水平排列并保持水平居中，那么我们可以使用text-align:center属性：
pre {
text-align: center;
}
2. vertical-align属性：这个属性用于设置元素（如图片和表格单元格）的垂直对齐方式，它可以设置为top、middle、bottom等值。如果我们希望将一张图片在一个段落的中间对齐，我们可以使用vertical-align:middle属性：
p {
height:300px; /* 确保容器高度大于图片高度 */
line-height:300px; /* 确保图片垂直居中 */
}
img {
vertical-align: middle;
}
3. 对齐换行文本：CSS有一个特殊的类名.nobr，如果我们想要强制一串文本不换行，我们可以将其包裹在一个nobr类中：
.pre-nobr {
white-space: nowrap;
}
.nobr {
display: inline-block;
}
通过上述这三个CSS属性，我们可以轻松实现文字与图片的对齐，使网页布局更加美观和整洁。