Html 打印文档时,我的div边框被切断

Html 打印文档时,我的div边框被切断,html,css,printing,Html,Css,Printing,我正在为员工创建一个使用HTML和CSS的首字母部分。我不明白为什么我的初始框的边框被切断了 这是html #首字母{ 填充:0px; } .首字母框{ 宽度:40px; 高度:30px; 边框:1px纯黑; } 第一班 第二班 第三班 我建议尝试添加框大小:边框框至。初始框使边框宽度包含在高度和宽度设置中 #首字母{ 填充:0px; } .首字母框{ 框大小:边框框; 宽度:40px; 高度:30px; 边框:1px纯黑; } 第一班 第二班 第三班 根据您发布的代码,我刚刚意识到,通

我正在为员工创建一个使用HTML和CSS的首字母部分。我不明白为什么我的
初始框的边框被切断了

这是html

#首字母{
填充:0px;
}
.首字母框{
宽度:40px;
高度:30px;
边框:1px纯黑;
}

第一班
第二班
第三班

我建议尝试添加
框大小:边框框
。初始框
使边框宽度包含在高度和宽度设置中

#首字母{
填充:0px;
}
.首字母框{
框大小:边框框;
宽度:40px;
高度:30px;
边框:1px纯黑;
}

第一班
第二班
第三班

根据您发布的代码,我刚刚意识到,通过在js fiddle中试用,它们不是。我得再深入一点,看看发生了什么。@j08691我刚发现只有在打印页面/在打印预览中查看页面时才会发生这种情况