css设置宽度取消flex
时间: 2024-06-28 12:00:18 浏览: 141
css设置多张图片横向居中显示方法(亲测有效)
在CSS中,如果你想要取消Flex布局(Flexbox)元素的宽度自适应行为,你可以直接设置`width`属性,为元素指定一个固定的像素值或百分比。例如:
```css
.container {
display: flex; /* Flexbox 默认被启用 */
width: 300px; /* 这里设置了宽度为300像素 */
}
```
或者如果你想让宽度保持在内容尺寸,不随容器大小改变,可以使用`min-width`和`max-width`:
```css
.container {
display: flex;
min-width: 300px;
max-width: 300px;
}
```
这样,即使内容增多,元素宽度也不会超过300像素。
阅读全文