Question

我无法在标头中放置徽标。

看https://www.w3schools.com/css/css_float.asp应该和使用float属性一样容易。但是我的徽标位于标题下方，我无法弄清楚。任何帮助将不胜感激。

<h1>Azure Travel Agency<img src="logo.png" alt="Logo" 
    style="float:right;width:150px;height:150px;"></h1>

Answer 1

浮动元素必须先于要在其周围浮动的文本/元素：

<h1>
    <img src="logo.png" alt="Logo" style="float:right; width:150px; height:150px;" />
    Azure Travel Agency
</h1>

或

<img src="logo.png" alt="Logo" style="float:right; width:150px; height:150px;" />
<h1>
    Azure Travel Agency
</h1>

Answer 2

您还可以使用此方法在标题中显示徽标

.logo{
width: 250px;
height: 80px;
text-align: center;
background: #ffffff;
}
</style>
</head>
<body>
<div class="logo">
    <img src="logo.png"/>
</div>

Answer 3

您的样式有误！您的图片在h1标签内！并且h1标签具有块显示！使用这个：

<div style="float: right;">
<h1>
<img src="logo.png" alt="Logo" style="width:150px; height:150px;" />
    Azure Travel Agency
</h1>
</div>

如果上面的代码不起作用，请编写所有标头代码！我会解决的。

尝试在标题中显示徽标

3 个答案: