如何使用 Cortana 在 Windows 10 中运行自定义任务

因为第一个单元格的图像可以减少到零而不会溢出。如果网格单元格包含文本字符串,则 min-content 将等于最长单词的宽度,因为它是最小的元素,无法进一步减少溢出。 这是来自 BitsOfCode 的一篇很棒的文章,您可以在其中看到当网格单元格包含文本字符串时 min-content min 和 min-content max-content 的行为。使用 min-content 和 max-content 如果我们在 minmax() 函数中同时使用 min-content 和 max-content,我们会得到一个网格列: 响应式 没有溢出 不会比其最宽的元素更宽。

关键字min-content和max-content以及其他长度值。直到规则有意义

container { grid-template -columns: minmax( min-content, max-content) 1fr 1fr;}网格列有min-content和max-content我们也可以在minmax()函数中使用max-content关键字min-content和max-content以及其他 比利时电话号码列表 长度值。直到规则有意义。 例如, minmax(25%, max-content) 或 minmax(min-content, 300px) 都是有效的规则。当用作 maximum 时,其值与 max-content 相同。当用作 minimum 时,其值为由规则 min-width/min-height 指定,这意味着 auto 有时与 min-content 相同,但并非总是如此。在我们前面的示例中, min-content 等于 auto ,因为第一个网格列的最小宽度总是小于其最小高度。 所以成员资格 CSS 规则

Auto 也可以与 minmax() 函数中的其他静态和动态单位

比利时电话号码表

容器 {grid-template-columns: minmax(min-content, max-content) 1fr 1fr;} 也可以这样写:.container {grid-template-columns: minmax(auto, auto) 1fr 1fr;}auto关键字 auto 也可以与 minmax() 函数中的其他静态和动态单位(像素、fr 单位、百分比等)一起使用,例如 minmax(auto, 300px) 将是一个有效规则。您可以测试工作自动关键字 min-content , max-content 和 auto 在以下 Codepen 演示中使用 minmax() 函数。

Leave a comment

Your email address will not be published.