在 CSS3 中，可以使用垂直布局的技巧包括：
1. 垂直居中：使用绝对定位和 transform 属性，将 div 元素垂直居中。例如：
“`css
div {
position: relative;
width: 200px;
height: 200px;
background-color: blue;
div:after {
content: “”;
position: absolute;
bottom: 50%;
left: 50%;
transform: translateX(-50%);
2. 垂直水平排列：使用绝对定位和 transform 属性，将 div 元素垂直水平排列。例如：
“`css
div {
position: relative;
width: 200px;
height: 200px;
background-color: blue;
div:after {
content: “”;
position: absolute;
bottom: 50%;
left: 50%;
transform: translateX(-50%);
transform: translateY(100%);
3. 垂直悬挂：使用绝对定位和 transform 属性，将 div 元素垂直悬挂。例如：
“`css
div {
position: relative;
width: 200px;
height: 200px;
background-color: blue;
div:after {
content: “”;
position: absolute;
bottom: 50%;
left: 50%;
transform: translateX(-50%);
transform: translateY(-100%);
以上三种垂直布局技巧可以单独使用，也可以结合使用，具体使用方法可以根据需要进行选择。需要注意的是，使用垂直布局时，需要对元素的大小和位置进行合理设置，否则可能会出现排版问题。
通过使用 CSS3 垂直布局技巧，可以让div元素更加灵活地排列和布局，提高网页的可读性和美观度。