在CSS中，我們可以使用多種方法將圖片和文件排列在同一行，以下是一些常用的方法：

1、使用Flexbox：Flexbox是一個強大的布局工具，可以輕松地將多個元素排列在一行，你可以將圖片和文件包裹在一個Flex容器中，并設置justify-content: flex-start;來確保它們從左到右排列。

<div style="display: flex; justify-content: flex-start;">
    <img src="image.png" alt="圖片">
    <a href="file.pdf">文件</a>
</div>

2、使用Grid布局：Grid布局也是CSS中的一個強大工具，適用于創(chuàng)建復雜的二維布局，你可以將圖片和文件放置在一個Grid單元中，并設置grid-template-columns: 1fr 1fr;來確保它們各自占據(jù)一半的寬度。

<div style="display: grid; grid-template-columns: 1fr 1fr;">
    <img src="image.png" alt="圖片">
    <a href="file.pdf">文件</a>
</div>

3、使用內(nèi)聯(lián)塊元素：將圖片和文件設置為內(nèi)聯(lián)塊元素（display: inline-block;），然后設置適當?shù)?code>vertical-align屬性，可以確保它們在視覺上對齊。

<div style="text-align: left;">
    <img style="display: inline-block; vertical-align: top;" src="image.png" alt="圖片">
    <a style="display: inline-block; vertical-align: top;" href="file.pdf">文件</a>
</div>

這些方法可以根據(jù)你的具體需求和布局需求進行調(diào)整，選擇哪種方法取決于你的整體布局策略和個人偏好，希望這些方法能幫助你在CSS中更好地排列圖片和文件。