把两个标签内容显示在同一行
把两个标签内容显示在同一行。 <div style="display: flex; align-items: center; gap: 8px;"><table>欢迎使用xx会员管理系统!管理员账号:{{ username }}</table><a href="/zhucehuiyuan" class="register-btn">注册会员</a> </div>
关键说明:
<div>
作为父容器,display: flex
使其成为弹性容器,子元素(<table>
和<a>
)自动变为弹性项并同行显示。align-items: center
:设置子元素垂直居中对齐(可按需改为flex-start
或flex-end
)。gap: 8px
:设置子元素之间的间距(可自定义数值)。