语义化UI容器段

3

我正在学习语义化 UI。但是我总是混淆容器和段落。我不知道何时使用容器或段落,除了边距之外它们看起来没有什么不同。 有人可以解释一下吗? 谢谢。

1个回答

10

容器和段落在外观和功能上是不同的。

外观:

  • 一个段落具有box-shadow、border-radius和border (特殊格式)属性,使其看起来更突出。
  • 一个容器看起来更简单。
  • 备注: 基本段落没有这种特殊格式。

行为:

容器是一个元素,旨在以用户屏幕大小为基础,将页面元素限制在合理的最大宽度内。这对于与其他UI元素(如网格或菜单)配合使用以限制其显示的合理大小非常有用。

  • 根据用户大小,容器有一个最大宽度,但段落没有此限制。段落将占用所有可用空间的完整宽度。

  • 备注: 但您可以在site.variables中覆盖这一点:

将site.variables中的站点断点调整为使用自定义值将自动调整容器宽度。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接