在一些網頁設計中，可能會用到將圖片和文字排列在同一行的效果，如何讓圖片與文字頂部對齊呢？

首先我們需要了解CSS中的vertical-align屬性，它可以控制元素在垂直方向上的對齊方式。默認值是baseline，這意味著元素的基線會與父元素的基線對齊。

img {
vertical-align: top;
}

將vertical-align屬性設置為top，就可以讓圖片與文字的頂部對齊了。

但是需要注意的是，該屬性只適用于行內元素或表格單元格中的元素，對塊級元素無效。

如果想要同一行內的多個元素都頂部對齊，可以將它們包裹在一個容器元素內，然后對容器元素設置display: flex并使用align-items: flex-start屬性。

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

以上便是實現圖像文字頂部對齊的方法，大家可以根據實際需求進行調整。