Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将div项放在一起打印_Javascript_Printing - Fatal编程技术网

Javascript 将div项放在一起打印

Javascript 将div项放在一起打印,javascript,printing,Javascript,Printing,我有两个div,一个是名字,另一个是姓氏。当我试着打印它们时,效果很好,但问题是名字和姓氏没有放在一起。我怎样才能使名字和姓氏并列出现? 发生的事情是,我得到了长度行中的所有名字,在我得到了长度行中所有名字下的所有姓氏之后。 我的代码: 您需要使它们显示:内联块不知何故。您可以使用外部CSS文件执行此操作,如下所示: div { display: inline-block; } 当然,这将影响页面上的所有divs,因此您可能需要为每个元素添加一个类或id 也可以直接在元素上设置样式: Na

我有两个div,一个是名字,另一个是姓氏。当我试着打印它们时,效果很好,但问题是名字和姓氏没有放在一起。我怎样才能使名字和姓氏并列出现? 发生的事情是,我得到了长度行中的所有名字,在我得到了长度行中所有名字下的所有姓氏之后。 我的代码:


您需要使它们
显示:内联块不知何故。您可以使用外部CSS文件执行此操作,如下所示:

div {
  display: inline-block;
}
当然,这将影响页面上的所有
div
s,因此您可能需要为每个元素添加一个类或id

也可以直接在元素上设置样式:

Name.style.display = 'inline-block';
LastName.style.display = 'inline-block';

您可以创建一个CSS媒体查询,该查询在打印时只会将div更改为彼此相邻:

@media print {
  #divNames{display:inline-block;}
  #divLastNames{display:inline-block;}
}
@media print {
  #divNames{display:inline-block;}
  #divLastNames{display:inline-block;}
}