sách gpt4 ai đã đi

Ngắt dòng giữa các phần tử html làm hỏng bố cục html

In lại 作者:行者123 更新时间:2023-11-28 01:16:10 28 4
mua khóa gpt4 Nike

我知道在 html 中元素之间的换行符被视为空格,但我认为当您尝试使用响应式布局时这非常可怕。

例如,这里我们有预期和正确的行为,但要获得它,我必须删除元素之间的 html 中的换行符: https://jsfiddle.net/xew2szfu/1/

You should see only me
... but NOT ME!

在这里,我像往常一样用换行符编写了 html,但一切都被破坏了: https://jsfiddle.net/rL1fqwkc/1/

You should see only me

... but NOT ME!

我知道我可以用 float: left 解决这个问题,但我想知道我是否遗漏了什么,默认行为对我来说听起来真的不正确。

1 Câu trả lời

发生这种情况是因为 inline-block 在元素之间放置了一个空格,并且第二个 div 向下移动了空格,因为它不再适合该行。

有很多方法可以解决这个问题。正如你所说, float 是其中之一。 This excellent CSS Tricks article is a great help,但我将介绍您可能想要的那些:

负边距:

nav a {
hiển thị: khối nội tuyến;
margin-right: -4px;
}

很简单,你可以有一个漂亮的 html 格式,但是将元素移到上面以隐藏空格。

设置字体大小为0:

.recommend-friend__slider{
font-size: 0;
}
.recommend-friend__dialog {
font-size: 12pt;
}

或者,我个人最喜欢的是,跳过内联 block 并改用 flexbox。

关于html - html 元素之间的换行符破坏了 html 布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35609424/

28 4 0
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com