是否有任何已知的方法来中心<div>
标签使用语义UI的web开发框架,而不添加我自己的CSS样式?
我在文档中尝试了几个与位置相关的标签,例如<div class="centered grid'>
,但是这些只适用于水平居中。
这不是一个具有挑战性的实施情况,我只是惊讶于一些常见的垂直居中不包括在一个web开发框架,我很好奇,如果我的谷歌搜索和眼睛已经釉面。我更愿意在创建自定义样式之前遵守框架样式。我知道有几种方法可以实现我自己的垂直居中(在我看来,这是最不可取的选择),但是我更喜欢使用框架中的类。
根据Semantic UI v2.2.2,您可以通过添加middle aligned
类(es)来强制在中间垂直对齐。它影响以下元素:
- 表,它的行和单元格,
- 网格,它的行和列,
- ,
- 列表和带有图片的项目,
- 模式对话框内容。
您不能以这种方式在任何这些结构之外的任意div
元素中设置垂直对齐。
否则,其他一些语义UI元素默认在中间垂直对齐它们的内容:
- 标题或带有图标或图像的消息,
- 循环段,
- ,
- 按钮等。