flex布局设置在右上方
时间: 2023-07-05 10:32:20 浏览: 51
要将一个元素设置在右上方,可以使用 Flex 布局中的 `justify-content` 和 `align-items` 属性来实现。具体地,可以使用以下样式:
```css
.container {
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
```
这样,容器中的元素就会在容器的右上方对齐了。需要注意的是,这里的容器指的是包含该元素的父元素。如果需要使该元素单独居于右上角,则可以将其 `position` 属性设置为 `absolute`,并使用 `top` 和 `right` 属性来进行定位。