CSS 可以幫助我們讓文章中的圖片在一排顯示，從而帶來更好的閱讀體驗。下面是一些簡單的步驟： 1. 定義圖片和段落的樣式 我們可以使用 CSS 的 display 屬性將圖片和段落都設置為 inline-block，這樣它們就能在一排顯示了。具體代碼如下： img { display: inline-block; vertical-align: middle; max-width: 100%; } p { display: inline-block; vertical-align: middle; width: 60%; } 2. 設置圖片的尺寸 我們可以使用 max-width 屬性來限制圖片的最大寬度，這樣圖片就不會超出父容器的寬度了。同時，我們也可以使用 vertical-align 屬性將圖片和段落垂直居中對齊。 3. 定義段落的寬度 我們可以使用 width 屬性來設置段落的寬度。在這個例子中，我們將其設置為 60%。 最終的 CSS 代碼如下： pre { background-color: #eee; padding: 10px; } img { display: inline-block; vertical-align: middle; max-width: 100%; } p { display: inline-block; vertical-align: middle; width: 60%; } 可以看到，使用 CSS 能夠很方便地讓文章中的圖片在一排顯示，提高了文章的可讀性和美觀程度。