|
|
召性用语，或者认为这是他们的问题，他们无法下订单，所以就离开了。然而，如果事情杂乱地溢出，你往往会发现它。或者，更糟糕的是，使用该网站的人会发现它并通知您。 这就是为什么 CSS 会以一种凌乱、可见的方式溢出。通过向您显示溢出，您更有可能有机会修复它，而不是隐藏溢出。然而，有了overflow房产，您就有机会自己决定应该发生什么。如果您希望裁剪溢出（在某些情况下这可能是正确的决定），请使用overflow: hidden. 在 Smashing 杂志上做广告 数据丢失和对齐 近年来我们获得的更好的对齐能力也有可能丢失数据。考虑一列靠在视口边缘且具有不同尺寸的弹性项目。与 对齐后flex-start，所有项目都更加突出到右侧。然而，与 对齐后center，较长的项目实际上会超出视口的一侧。因此，对齐可能会导致数据丢失。 为了防止对齐导致的意。
外数据丢失，CSS 现在有一些新的关键字，可以与对齐属性一起使用。这些在 Box Alignment 规范中指定 - 该规范处理所有布局方法（包括 Grid 和 Flexbox）的对齐。目前仅 Firefox 支持它们。在上面的示例中，如果我们设置align-items: safe center，那么最终的项目将与 对齐，start而不是强制内容居中。这可以防止由于项目居中而被推离视口一侧而导致的数据丢失。 如果您确实想要对齐（即使它会导致溢出），那么您可以指定unsafe center. 然后，您请求浏览 Whatsapp 号码列表 器执行您选择的对齐方式，无论内容发生什么情况。如果您有 Firefox，那么您可以看到两个示例：一个是安全对齐，第二个是不安全对齐。 请参阅Rachel Andrew的笔安全和不安全对齐。 在我撰写本文的演讲中，我将网页设计描述为一场与溢出的持续斗争。网络设计的事实之一是，很难知道包含文本（在块维度中）的任何元素有多高或有多大。然而，正如我上面所展示的，我们从未有过如此多的。
方法来管理溢出或溢出的可能性。这意味着我们的设计可以更具弹性，并且我们可以创建适用于不同数量内容的模式。这些看似我们能力的微小转变，但我认为它们为我们带来了巨大的可能性。Alexey Brodovitch 启发设计决策 25 分钟阅读 设计, 平面设计, CSS 在Twitter、 LinkedIn上分享 安德鲁·克拉克 关于作者 安迪·克拉克（Andy Clarke）是一位著名的网页设计师、设计顾问和导师。自从他开始从事网络工作以来，他被称为很多人。他的自我喜欢…… 更多关于安德鲁 ↬ 电子邮件通讯 你的邮件 关于前端和用户体验的每周提示。 受到超过 200,000 人的信赖。 加州大学圣地亚哥分校 - 扩展研究 - 用户体验 观看信息发。
|
|
發表於 15:06:10