在CSS中，對(duì)齊圖片和文字是一個(gè)常見(jiàn)的需求，以下是一些方法來(lái)實(shí)現(xiàn)這一功能：

1、使用vertical-align屬性：

vertical-align屬性用于設(shè)置元素的垂直對(duì)齊方式，如果你想要文字與圖片的上部對(duì)齊，你可以這樣寫：

img {
    vertical-align: top;
}

如果你想要文字與圖片的中部對(duì)齊，你可以這樣寫：

img {
    vertical-align: middle;
}

如果你想要文字與圖片的下部對(duì)齊，你可以這樣寫：

img {
    vertical-align: bottom;
}

2、使用align-items屬性（Flexbox布局）：

如果你正在使用Flexbox布局，你可以使用align-items屬性來(lái)對(duì)齊圖片和文字，如果你想要文字與圖片的上部對(duì)齊，你可以這樣寫：

.container {
    display: flex;
    align-items: top;
}

如果你想要文字與圖片的中部對(duì)齊，你可以這樣寫：

.container {
    display: flex;
    align-items: middle;
}

如果你想要文字與圖片的下部對(duì)齊，你可以這樣寫：

.container {
    display: flex;
    align-items: bottom;
}

3、使用grid-align屬性（Grid布局）：

如果你正在使用Grid布局，你可以使用grid-align屬性來(lái)對(duì)齊圖片和文字，如果你想要文字與圖片的上部對(duì)齊，你可以這樣寫：

.container {
    display: grid;
    grid-align: start;
}

如果你想要文字與圖片的中部對(duì)齊，你可以這樣寫：

.container {
    display: grid;
    grid-align: center;
}

如果你想要文字與圖片的下部對(duì)齊，你可以這樣寫：

.container {
    display: grid;
    grid-align: end;
}

希望這些方法能幫助你實(shí)現(xiàn)對(duì)齊圖片和文字的需求。