弹性布局,使子元素顶部对齐
时间: 2023-10-17 15:02:37 浏览: 54
弹性布局-flex布局.zip
可以使用Flexbox布局实现子元素顶部对齐。
首先,将父元素设置为Flex容器:
```
.parent {
display: flex;
flex-direction: column;
}
```
然后,将子元素的对齐方式设置为顶部对齐:
```
.child {
align-self: flex-start;
}
```
完整的示例代码如下:
```
.parent {
display: flex;
flex-direction: column;
}
.child {
align-self: flex-start;
}
```
这样,子元素就会顶部对齐了。
阅读全文