首页 > 解决方案 > 如何并排对齐
我想使用一个很棒的字体图标作为项目符号,但是 h5-tag 从 fa-icon 开始,而不是在同一行。 我想使用一个很棒的字体图标作为项目符号,但是 h5-tag 从 fa-icon 开始,而不是在同一行。 我想使用一个很棒的字体图标作为项目符号,但是 h5-tag 从 fa-icon 开始,而不是在同一行。 我的视图上有一个齿轮按钮,当用户单击它时,我想显示一个按钮菜单。似乎https://developer.apple.com/documentation/swiftui/view/contextmenu(menuitems:)是为此任务设计的,但只有右键单击才能触发上下文菜单。 如何
html - 如何并排对齐
问题描述
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<i class="fas fa-check-circle" style="font-size:30px"></i>
<h5>100% Guaranteed Chargeback</h5>
通过左键单击 macOS 触发 SwiftUI 上下文菜单
contextMenu
在 macOS 上通过左键单击触发?谢谢!解决方案
display: flex
您可以使用和对齐可变高度元素align-items: center
:.container {
display: flex;
align-items: center;
}
.container i {
margin-right: 8px;
}
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<div class="container">
<i class="fas fa-check-circle" style="font-size:30px"></i>
<h5>100% Guaranteed Chargeback</h5>
</div>
推荐阅读