用户登录

添加一个 div 元素,把元素的背景设置成白色,加点内边距,大小是 p-8,设置一下元素的高度,比如 h-32。在元素里面添加一段文字。这个 div 元素现在装不上它里面包装的文字内容,所以内容就会溢出来。

我们可以用处理这种溢出情况,比如想把溢出的部分隐藏起来,可以用一下 tailwind 提供的 overflow-hidden,这个类就是把元素的 overflow 属性设置成了 hidden 。

如果想要允许滚动显示溢出的内容,可以用一下 overflow-scroll,这个类会把元素的 overflow 设置成 scroll。

鼠标放在这个元素的上面,就可以滚动查看元素里的内容了。滚动到底部的时候,可以继续滚动页面,这个行为也可以控制。在元素上再添加一个 overscroll-contain,它会把 overscroll-behavior 这个属性设置成 contain。

这样滚动查看元素里的内容,不能再滚动的时候会停留在这里,不会继续滚动页面。

溢出:Overflow《 Tailwind 样式框架:布局 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点