標題：CSS讓div豎排

在網頁設計中，讓div豎排可以通過使用CSS的transform屬性來實現。transform屬性可以讓div的旋轉和傾斜等操作沿著垂直方向進行，從而實現豎排效果。

下面是一個讓div豎排的示例代碼：

```html

<div class="container">

<h2>這是一個豎排的h2標簽</h2>

<p>這是一個豎排的p標簽</p>

</div>

```css

.container {

position: relative;

width: 300px;

height: 200px;

position: absolute;

top: 50%;

transform: translateY(-50%);

width: 100px;

height: 200px;

text-align: center;

position: absolute;

top: 0;

bottom: 0;

left: 50%;

transform: translateX(-50%);

width: 100px;

height: 200px;

text-align: center;

在上面的代碼中，我們使用了一個容器div來包含兩個豎排的h2和p標簽。h2標簽使用position: absolute；來實現垂直居中，而p標簽使用position: absolute；來實現垂直居中和水平居中。另外，我們使用transform屬性來設置旋轉和傾斜的方向和角度。

通過上述代碼，我們可以創建一個豎排的h2和p標簽，它們的文本將垂直居中。請注意，transform屬性的參數需要根據具體情況進行調整，以達到最佳效果。