I'；我对内联块、空格和CSS有问题

这是一篇转载，因为我把第一篇文章搞砸了。对此我深表歉意。所以我有两个内联块显示div，我希望它们彼此相邻，但我也希望块内的文本能够正常工作。正如您在演示中看到的，块2中的文本出现在块1中的文本之外。我没有粘贴CSS在这里，因为它是在小提琴

#容器{
边框：1px纯绿色；
宽度：35%；
空白：nowrap
}
#框1，
#框2{
边框：2个蓝色实心；
显示：内联块；
空白：正常
}
#框2{
空白：正常
}

框1
Box2更多Box2更多

您需要在两个子元素上设置宽度以约束其中的文本，请参见下面的示例：

#容器{宽度：35%；空白：nowrap；背景：teal；}
#box1，#box2{宽度：30%；显示：内联块；空白：正常；背景：aqua；}
#框2{宽度：70%；空白：正常；背景：浅绿色；}

框1
Box2更多Box2更多

您需要在两个子元素上设置宽度以约束其中的文本，请参见下面的示例：

#容器{宽度：35%；空白：nowrap；背景：teal；}
#box1，#box2{宽度：30%；显示：内联块；空白：正常；背景：aqua；}
#框2{宽度：70%；空白：正常；背景：浅绿色；}

框1
Box2更多Box2更多

您可以在容器上使用

显示：flex

下面是一个JSFIDLE示例

#容器{
边框：1px纯绿色；
宽度：35%；
空白：nowrap；
显示器：flex
}
#框1，
#框2{
边框：2个蓝色实心；
显示：内联块；
空白：正常
}
#框2{
空白：正常；
左边距：5px
}

框1
Box2更多Box2更多

您可以在容器上使用

显示：flex

下面是一个JSFIDLE示例

#容器{
边框：1px纯绿色；
宽度：35%；
空白：nowrap；
显示器：flex
}
#框1，
#框2{
边框：2个蓝色实心；
显示：内联块；
空白：正常
}
#框2{
空白：正常；
左边距：5px
}

框1
Box2更多Box2更多

这就是你要找的吗

框1
Box2更多Box2更多

---

基本上，两个内联块标记之间不能有空格，因为这会在它们之间产生一个小的间距。

这就是您要找的吗

框1
Box2更多Box2更多

---

基本上，两个内联块标记之间不能有空格，因为这会在它们之间产生一个很小的间距。

使用javascript来实现这一点，转到您的小提琴，并将此javascript部分添加到其中

var box1 = document.getElementById("box1").offsetWidth;
var box2 = document.getElementById("box2").offsetWidth;
var newWidth = box2 + box1 +"px";
document.getElementById("container").style.width=newWidth;

---

这应该行得通。希望我能帮助您使用javascript，并将此javascript部分添加到其中

var box1 = document.getElementById("box1").offsetWidth;
var box2 = document.getElementById("box2").offsetWidth;
var newWidth = box2 + box1 +"px";
document.getElementById("container").style.width=newWidth;

这应该行得通。希望我能帮助你，这对我来说就像是一个

试着这样做：

#容器{
边框：1px纯绿色；
宽度：35%；
空白：nowrap；
显示：表格；
}
#框1，
#框2{
边框：2个蓝色实心；
显示：表格单元格；
空白：正常；
}

框1
Box2更多Box2更多

这对我来说就像是一个

试着这样做：

#容器{
边框：1px纯绿色；
宽度：35%；
空白：nowrap；
显示：表格；
}
#框1，
#框2{
边框：2个蓝色实心；
显示：表格单元格；
空白：正常；
}

框1
Box2更多Box2更多

如果问题本身没有相关的代码，许多用户不会考虑问题。请，即使你在Stack Overflow的代码段编辑器之外有一个用于演示的小玩意儿，也请在你的帖子中包含相关的代码，因为这会增加回复的可能性。如果这个东西本身没有相关的代码，许多用户不会看问题。请，即使您在Stack Overflow的代码段编辑器之外有一个用于演示的小摆设，也请在您的帖子中包含相关代码，因为它会增加响应的可能性。