使用 max() 设置内部元素的最大宽度

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费信用额度!

我在 “内部”问题 中详细解释了所有这些。 关键在于:您想要一个边缘到边缘的容器,但内部的内容要限制宽度。 我认为在内部使用嵌套元素绝对没问题,但查看使单一元素实现这一点的可能性也很有趣。

我最喜欢的文章来自本文,它可以为您计算填充值

虽然 calc() 的确可以解决问题,但它不允许您设置最小填充。 然而,max() 可以。 我仍然觉得非常困惑,当我们想要最小值时,我们会求助于 max(),但,嘿,我们只需要建立这种肌肉记忆。

读者 Caluã de Lacerda Pataca 回应了 我们上次的新闻通讯,我们在其中提到了这些函数,并提出了一个巧妙的想法

现在我们可以确保无论如何内容都不会撞到边缘。