今天我要給大家介紹一下如何使用CSS手冊來排版照片文案。首先，我們需要在HTML文件中放置一張照片和對應的文案內容。代碼如下：

這是一段關于這張照片的文字說明。

接下來，我們需要使用CSS來為這張照片和文案進行排版。代碼如下：

p {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 18px;
line-height: 1.5;
max-width: 800px;
}
img {
max-width: 100%;
margin-bottom: 20px;
}

這段CSS代碼中，我們使用了flex布局來讓照片和文案在同一行居中顯示，同時通過設置max-width來讓文本不會過于擁擠，增加閱讀體驗。而對于照片，我們設置了最大寬度為100%，保證了它不會超出父元素的范圍，并設置了一點間距來讓頁面看起來更美觀。 通過以上的CSS樣式，我們可以很容易地排版出一張照片和相應的文案，使得頁面更加美觀，而且閱讀體驗也更好了。