我正在尝试使用innerHTML函数创建一个JavaScript程序，其中用户在两个文本框中键入某人的名字和姓氏，并且JavaScript在点击按钮后操作名称为以下格式： / p>
姓氏，名字。
我已经成功地将名称按顺序显示为“onclick”，但输出如下：
迪克
，
菲利普
我希望一切都在一条线上不间断。我已经尝试创建一个会影响div的css类：.nobr {white-space：nowrap;但是，这没有用。
到目前为止，我正在使用的HTML看起来像这样：
<div id='displayName2'></div>,<div id='displayName1'></div>.
答案 0 :(得分：5)
要让这两个<div>代码在两者之间没有换行符，请使用CSS属性display: inline;或者使用<span>代码而不是<div>，因为{{默认情况下，1}}显示为内联，其中<span>是块元素。从语义上讲，<div>可能更合适。但如果您无法更改HTML，请相应地修改您的CSS：
<span>答案 1 :(得分：3)
为此目的使用<span>而不是<div>。
如果您坚持使用<div>，请使用display: inline将<div>呈现为内联元素。
答案 2 :(得分：3)
更好地使用<span>代替<div>，它也具有中性语义，默认情况下它是内联的。
答案 3 :(得分：2)
您有2个选项。默认情况下，div元素为display: block。使用span代替div，或使用display: inline设置div的样式。