Css 如何将文本与图标字体垂直对齐

<div class="ui menu">
  <a href="t" class="item"><i class="large home basic icon"></i><span class="nav-text"> Accueil</span></a>
  <a href="" class="item"><i class="large camera retro icon"></i><span class="nav-text"> Créations</span></a>
  <a class="item"><span class="nav-text">Qui-suis je </span><i class="large help basic icon"></i></a>
</div>

.nav-text {
  vertical-align: middle;
}

.menu {
  display: flex;
  align-items: center;
}

Css相关问答推荐

如何在JavaFX中设置分隔符的样式？

try 在Jekyll中使用多个SCSS文件时出错

输入中的框始终显示在MUI文本字段中

使用tailwind 将父div限制为其具有溢出的最短子级的高度

如何更改Swiper Navegation默认 colored颜色

当鼠标移到侧边栏之外时，如何防止shiny 仪表板侧边栏菜单中的 pickerInput 选项被切断？

Bootstrap 和 Sass：将 SCSS 文件转换为 CSS 时出错.错误：$theme-colors-rgb 中未定义变量 @each $color、$value

使用 CSS 关键帧动画更改内容

如何使我的标语(h1元素)不居中对齐？

Z Index 复杂性 - 如何将组件放置在 div 内部以相对于其级别外部的组件具有更高的 z-index 值？

CSS 媒体查询不为桌面版的圣杯响应式布局包装 Flexbox 容器元素

Tailwind：如何设置网格的自动填充？

当计算的宽度不准确时，如何在 cypress 中测试元素的宽度？

对齐视图中的复选框(RN)

在所有移动设备中禁用滚动

使用@font-face 使用多种自定义字体？

如何对齐标签和文本区域？

为什么浏览器会为 CSS 属性创建供应商前缀？

如何让 flexbox 在计算中包含填充？

对象拟合不影响图像