Javascript 如何将边距设置为相邻两个元素中的一个元素？

这是我的密码：

.fold1\u content.logo{
边框：1px实心；
显示：内联块；
高度：80px；
宽度：80px；
文本对齐：居中；
}
.fold1_内容.标题{
显示：内联块；
右边距：5px；
字体大小：60px；
}

标志
标题

您必须使用垂直对齐属性。更多信息

.fold1\u content.logo{
边框：1px实心；
显示：内联块；
高度：80px；
宽度：80px；
文本对齐：居中；
}
.fold1_内容.标题{
显示：内联块；
右边距：5px；
字体大小：60px；
边缘顶部：30px；
垂直对齐：顶部；
}

标志
标题

您只需使用+css选择器，它将选择当前类的下一项

我对你的代码做了更改。我想这可能会有帮助

.fold1\u content.logo{
边框：1px实心；
显示：内联块；
高度：80px；
宽度：80px；
文本对齐：居中；
}
.fold1_内容.标题{
显示：内联块；
右边距：5px；
字体大小：60px；
}
.fold1_内容.徽标+标题{
左边距：50像素；
}

标志
标题

如果不麻烦的话，你也可以尝试定位你的div：

.fold1\u内容{
位置：相对位置；
}
.fold1_内容。徽标{
边框：1px实心；
显示：内联块；
高度：80px；
宽度：80px；
文本对齐：居中；
}
.fold1_内容.标题{
位置：相对位置；
显示：内联块；
右边距：5px；
字体大小：60px；
顶部：30px；
}

标志
标题

.fold1\u内容{
显示器：flex；
弯曲方向：行；
对齐项目：居中；
对正内容：空格相等；//仅当需要两个div相等空格时
}
.fold1_内容。徽标{
边框：1px实心；
显示：内联块；
高度：80px；
宽度：80px；
文本对齐：居中；
}
.fold1_内容.标题{
显示：内联块；
右边距：5px；
字体大小：60px；
}

标志
标题

添加浮动：左；或浮动：对；对于你的两个元素，那么你的利润应该如预期的那样发挥作用。 祝你好运

<style>
.fold1_content .logo{
    border: 1px solid;
    display: inline-block;
    height: 80px;
    width: 80px;
    text-align: center;
    float:left;
}
.fold1_content .title{
    display: inline-block;
    margin-right: 5px;
    font-size: 60px;
    float:left;
    margin-top:30px;
}
</style>
<div class="fold1_content">
    <div class="logo">logo</div>
    <div class="title">
        title
    </div>
</div>

.fold1_内容。徽标{
边框：1px实心；
显示：内联块；
高度：80px；
宽度：80px；
文本对齐：居中；
浮动：左；
}
.fold1_内容.标题{
显示：内联块；
右边距：5px；
字体大小：60px；
浮动：左；
边缘顶部：30px；
}
标志
标题

这里您可以再提供一个解决方案

.fold1\u content.logo{
边框：1px实心；
显示：内联块；
高度：80px；
宽度：80px；
文本对齐：居中；
}
.fold1_内容.标题{
显示：内联块；
右边距：5px；
字体大小：60px；
垂直对齐：文本顶部；
}

标志
标题

.fold1\u内容{
显示：-webkit flex；
显示器：flex；
宽度：400px；
高度：250px；
}
.fold1_内容。徽标{
边框：1px实心；
高度：80px；
宽度：80px；
文本对齐：居中；
}
.fold1_内容.标题{
高度：80px；
宽度：80px；
右边距：5px；
字体大小：60px；
}

标志
标题
试试flex属性，它太棒了。

一个你想要实现的图像肯定会有帮助，因为向下一点是非常不精确的…你可以使用+css选择器做任何你想做的事情。示例：.first{margin:10px}.first+.secound{margin:10px}