cuốn sách gpt4 ai đã làm

html - Làm cách nào để `overflow-x` hoạt động thay vì `overflow-y`?

In lại Tác giả: Walker 123 更新时间:2023-11-28 16:29:59 28 4
mua khóa gpt4 Nike

我有一个父级,它有多个子级,当父级宽度溢出时,我喜欢显示水平滚动条。

我不想使用“display:inline-block”属性,因为它们之间会产生空白。

这是我的尝试:

.parent{
width:250px;
overflow-x:auto;
chiều cao: 100px;
khoảng trắng: nowrap;
}

.children{
width:250px;
chiều cao: 100px;
nổi:trái;
đường viền:1px màu đỏ đậm;
box-sizing:border-box;
}

children 1

children 2

children 3

children 4

câu trả lời hay nhất

使用 flexbox

.parent {
margin: 1em auto;
tràn-x: tự động;
chiều rộng: 250px;
khoảng trắng: nowrap;
hiển thị: linh hoạt;
đường viền: 1px màu xanh đậm;
}
.children {
flex: 0 0 250px;
chiều cao: 100px;
đường viền: 1px màu đỏ đậm;
kích thước hộp: hộp viền;
}

children 1

children 2

children 3

children 4

关于html - 如何让 `overflow-x` 代替 `overflow-y` 工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38589018/

28 4 0
Đề xuất bài viết: html - 如何让视频适合指定区域?
Đề xuất bài viết: css - style.css 中的困难转向移动响应
Đề xuất bài viết: javascript - 秒表启动功能不起作用
Đề xuất bài viết: html - CSS溢出不服从填充
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress