首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将文本垂直对齐?

如何将文本垂直对齐?

提问于 2018-04-02 08:36:15
回答 2关注 0查看 239

我想使用弹出框垂直对齐内部的一些内容,<li>但没有很大的成功。

我在网上查过,许多教程实际上使用了一个包装器div,它可以align-items:center从父级的flex设置中获得,但是我想知道是否有可能删除这个附加元素?

我选择在这个实例中使用弹性框,因为列表项高度将是动态%。

代码语言:javascript
复制
* {
  padding: 0;
  margin: 0;
}
html, body {
  height: 100%;
}
ul {
  height: 100%;
}
li {
  display: flex;
  justify-content: center;
  align-self: center;
  background: silver;
  width: 100%;
  height: 20%;
}
代码语言:javascript
复制
<ul>
  <li>This is the text</li>
</ul>

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档