div中的i元素水平垂直居中怎么设置样式

可以使用以下样式来实现div中的i元素水平垂直居中：

div {
  display: flex;
  justify-content: center;
  align-items: center;
}

i {
  display: inline-block;
  vertical-align: middle;
}

这样设置后，i元素就会水平垂直居中在div中。

相关问题

ie8下div中的i元素水平垂直居中怎么设置样式

您可以使用以下样式将i元素水平垂直居中：

div {
display: flex;
justify-content: center;
align-items: center;
}

i {
display: inline-block;
}

这将使i元素在div中水平垂直居中。

div中多个div垂直居中

可以使用 flex 布局实现多个子元素在父元素中垂直居中。具体实现如下：

HTML结构：

<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

CSS样式：

.parent {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px; /* 父元素高度 */
}

.child {
  width: 100px;
  height: 100px;
  margin: 10px;
  background-color: #ccc;
}

在父元素上设置 `display: flex;`，然后使用 `align-items: center;` 和 `justify-content: center;` 分别设置子元素在纵向和横向上的居中方式。这样就可以实现多个子元素在父元素中垂直居中了。