在CSS中，可以使用多種方法將圖片和表單排列在一列中，以下是一些常用的方法：

1、使用Flexbox布局：Flexbox是一種CSS布局模式，可以輕松地將圖片和表單排列在一列中，你可以將包含圖片和表單的容器設(shè)置為Flex容器，并使用flex-direction: column;屬性指定子元素沿列方向排列。

<div class="flex-container">
  <img src="path/to/image.jpg" alt="圖片描述">
  <form>
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name">
    <label for="email">郵箱:</label>
    <input type="email" id="email" name="email">
  </form>
</div>

CSS代碼：

.flex-container {
  display: flex;
  flex-direction: column;
  align-items: center; /* 可選，根據(jù)需要進(jìn)行調(diào)整 */
}

2、使用Grid布局：Grid布局也是CSS中的一種布局模式，適用于將圖片和表單排列在一列中，你可以將包含圖片和表單的容器設(shè)置為Grid容器，并使用grid-template-columns: 1fr;屬性指定子元素在一列中排列。

<div class="grid-container">
  <img src="path/to/image.jpg" alt="圖片描述">
  <form>
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name">
    <label for="email">郵箱:</label>
    <input type="email" id="email" name="email">
  </form>
</div>

CSS代碼：

.grid-container {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center; /* 可選，根據(jù)需要進(jìn)行調(diào)整 */
}

3、使用***定位：如果你希望表單和圖片緊密排列，可以使用***定位來實(shí)現(xiàn)，將圖片設(shè)置為相對定位，然后將表單設(shè)置為***定位，并指定其位置為圖片的下方。

<div class="relative-container">
  <img src="path/to/image.jpg" alt="圖片描述" style="position: relative;">
  <form style="position: absolute; top: 0; left: 0;">
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name">
    <label for="email">郵箱:</label>
    <input type="email" id="email" name="email">
  </form>
</div>

CSS代碼（可選）：

.relative-container {
  position: relative; /* 確保容器是相對的 */
}

這些方法可以幫助你在CSS中將圖片和表單排列在一列中，你可以根據(jù)自己的需求和布局需求選擇***適合的方法。