Html 将样式指定为显示块后不工作

在html设计中，添加显示为内联块后，徽标和文本也不会显示在一行中

.logo img{
边框宽度：0；
高度：自动；
最大宽度：100%；
垂直对齐：左对齐；
}
.标志文字{
明确：两者皆有；
显示：内联块；
溢出：隐藏；
}

泰戈尔英语学校
新千年中学
“传授具体的教育是我们的座右铭”

您需要制作

徽标

div

内联块

同时：

.logo {
 display:inline-block;
 }

.logo{
显示：内联块；
}
.logo img{
边框宽度：0；
高度：自动；
最大宽度：100%；
垂直对齐：左对齐；
}
.标志文字{
明确：两者皆有；
显示：内联块；
垂直对齐：顶部；
溢出：隐藏；
}

泰戈尔英语学校
新千年中学
“传授具体的教育是我们的座右铭”

您需要制作

徽标

div

内联块

同时：

.logo {
 display:inline-block;
 }

.logo{
显示：内联块；
}
.logo img{
边框宽度：0；
高度：自动；
最大宽度：100%；
垂直对齐：左对齐；
}
.标志文字{
明确：两者皆有；
显示：内联块；
垂直对齐：顶部；
溢出：隐藏；
}

泰戈尔英语学校
新千年中学
“传授具体的教育是我们的座右铭”

这里有几个问题，

很清楚：两者都有

这将清除

.logo

，并且您还需要将display属性应用于两个div，因为它们都是按其块元素的性质进行的

然后，您需要使用浮动和边距来定位您的徽标

作为旁注，

vertical align

接受垂直属性

top、middle、bottom

而不是水平属性

left、center、right

.logo{
浮动：左；
利润率：30px 30px 0；
}
标志
.标志文字{
显示：内联块；
}
.logo img{
边框宽度：0；
高度：自动；
最大宽度：100%；
}
.标志文字{
溢出：隐藏；
}

泰戈尔英语学校
新千年中学
“传授具体的教育是我们的座右铭”

这里有几个问题，

很清楚：两者都有

这将清除

.logo

，并且您还需要将display属性应用于两个div，因为它们都是按其块元素的性质进行的

然后，您需要使用浮动和边距来定位您的徽标

作为旁注，

vertical align

接受垂直属性

top、middle、bottom

而不是水平属性

left、center、right

.logo{
浮动：左；
利润率：30px 30px 0；
}
标志
.标志文字{
显示：内联块；
}
.logo img{
边框宽度：0；
高度：自动；
最大宽度：100%；
}
.标志文字{
溢出：隐藏；
}

泰戈尔英语学校
新千年中学
“传授具体的教育是我们的座右铭”

您必须使图像div显示为内联。因此，使徽标div显示为内联以显示这两个内容

将此添加到css中

.标志{ 显示：内联块； }

---

您必须使图像div显示为内联。因此，使logo div显示为内联以显示这两个内容

将此添加到css中

.标志{ 显示：内联块； }

---

但它应该是平等的，但在上面的代码标志显示一点点down@care567我已经为你更新了我的答案，现在应该符合你的要求。但是应该是一样的，但是在上面的代码中，徽标显示了一点点down@care567我已经为你更新了我的答案，现在应该符合你的要求了。