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