因此,我有一个非常简单的html代码块,其中我使用Angular 2将图像和链接的文本彼此相邻放置。问题是该文本部分出现在图像旁边,但是它出现在底部而不是顶部。我曾尝试使用span来修复它,但似乎无法正常工作。这是我的代码:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="navbar navbar-expand-lg navbar-dark bg-primary">
<img src="https://lh3.googleusercontent.com/-lzCUfMY44QQ/WPNzcZpufoI/AAAAAAAADXE/CjLE9N_HRpIcXHKZfXDQrkRGD-mib_DzQCEwYBhgL/w140-h140-p/Logomakr_4ALcwz.png" alt="JC" width="65" height="400">
<a href="../" class="navbar-brand" routerLink="main-screen">
CubeTheWeb
</a>
</div>
最佳答案
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="navbar navbar-expand-lg navbar-dark bg-primary">
<img src="https://lh3.googleusercontent.com/-lzCUfMY44QQ/WPNzcZpufoI/AAAAAAAADXE/CjLE9N_HRpIcXHKZfXDQrkRGD-mib_DzQCEwYBhgL/w140-h140-p/Logomakr_4ALcwz.png" alt="JC" width="65" height="400">
<a href="../" class="navbar-brand" routerLink="main-screen" style="vertical-align:top;">
CubeTheWeb
</a>
</div>
尝试这个