语义UI——div垂直居中



是否有任何已知的方法来中心<div>标签使用语义UI的web开发框架,而不添加我自己的CSS样式?

我在文档中尝试了几个与位置相关的标签,例如<div class="centered grid'>,但是这些只适用于水平居中。

这不是一个具有挑战性的实施情况,我只是惊讶于一些常见的垂直居中不包括在一个web开发框架,我很好奇,如果我的谷歌搜索和眼睛已经釉面。我更愿意在创建自定义样式之前遵守框架样式。我知道有几种方法可以实现我自己的垂直居中(在我看来,这是最不可取的选择),但是我更喜欢使用框架中的类。

根据Semantic UI v2.2.2,您可以通过添加middle aligned类(es)来强制在中间垂直对齐。它影响以下元素:

  • 表,它的行和单元格,
  • 网格,它的行和列,
  • ,
  • 列表和带有图片的项目,
  • 模式对话框内容。

不能以这种方式在任何这些结构之外的任意div元素中设置垂直对齐。

否则,其他一些语义UI元素默认在中间垂直对齐它们的内容:

  • 标题或带有图标或图像的消息,
  • 循环段,
  • ,
  • 按钮等。

最新更新