问题描述
图中右侧的内容是任务。希望在不影响其他内容的情况下增加大小。下面是打印此页面的 CSS 代码。任何人都可以让我知道我可以在哪里更改此代码?
右边距,内容工作正常。但问题出在左侧。 A4纸右侧有空格。但它不在那里打印。测试截止。
@media print {
html,body,tbody,tfoot,thead,tr,th,td,div {
font-size: 12pt !important;
}
h1.entry-title {
font-size: 12pt !important;
}
body
{
margin: 30mm 1mm 30mm 30mm;
size: 7in 9.25in;
/* this affects the margin on the content before sending to printer */
}
@page {
margin: 0mm;
}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
float: left;
}
.col-md-1 {
width: 8%;
}
.col-md-2 {
width: 16%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33%;
}
.col-md-5 {
width: 42%;
}
.col-md-6 {
width: 50%;
float: left;
}
.col-md-7 {
width: 58%;
}
.col-md-8 {
width: 66%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83%;
}
.col-md-11 {
width: 92%;
}
.col-md-12 {
width: 100%;
}
table,th {
border-collapse: collapse;
}
table,td {
border: 0px solid white;
}
input {
border: 1px solid white;
}
.navigation {
float: right;
margin-right: 100px;
}
.cer {
text-decoration: underline;
}
.downtextship{
margin: 80px 90px 15px 20px;
position: fixed;
}
.downtext14{
margin: 35px 90px 15px 20px;
position: fixed;
}
.downtextico{
position: fixed;
display:flex;
margin-right: 10px;
padding-top: -20px;
margin-top: 120px;
margin-left: 80px;
}
.dateexport{
position: fixed; display:flex; margin-left: 420px;padding-top: -16px;margin-top: 120px;
}
.countrytrans{
position: fixed;
display:flex;
margin-right: 10px;
margin-top: 40px; /*decrease and move uP*/
margin-left: 290px;
}
.countryshowcodeship{
position: fixed;
display:flex;
margin-right: 10px;
padding-top: -16px;
margin-top: 81px;
margin-left: 290px;
}
.downtext24{
margin: 110px 90px 15px 20px;
position: fixed;
}
.countryshowcodedest{
position: fixed;
display:flex;
margin-right: 10px;
padding-top: -16px;
margin-top: 110px;
margin-left: 260px;
}
.numberexp{
position: fixed; display:flex; margin-left: 105px;padding-left: 167px; padding-top: -16px; margin-top: -11px;
}
.downtext {
margin: -15px 90px 15px 20px;
position: fixed;
}
.downtext3{
float: right;
padding-top: -16px;
}
.numbernotify2{
position: fixed; display:flex; margin-left: 267px;padding-top: -16px;margin-top: 64px;
}
.downtext2 {
margin: 60px 90px 0px 20px;
position: fixed;
}
.desccofe{
margin: 170px 90px 0px 20px;
position: fixed;
}
#desccoffee{
height: 50px;
width: 100%;
}
.otherinfo{
margin: 200px 90px 0px 20px;
position: fixed;
}
#otherinfo{
height: 50px;
width: 100%;
}
#parent_div_1 {
width:100px;
height:100px;
margin-right:10px;
float:left;
border:none;
margin-top: 360px;
margin-left: 90px;
left:20%;
position: fixed;
}
#parent_div_3{
float:right;
margin-right:60px;
margin-top: 360px;
right:15%;
position: fixed;
}
.countryshow{
position: fixed; display:flex; margin-left: 380px;padding-top: -16px;margin-top: 10px;
}
.carrier{
position: fixed; display:flex; margin-left: 420px;padding-top: -16px;margin-top: 150px;
}
.carriercode{ /*name carrier */
position: fixed;
display:flex;
margin-right: 10px;
margin-top: -25px;
margin-left: 150px;
}
.countryshowcode{ /*produ */
position: fixed;
display:flex;
margin-right: 10px;
padding-top: -16px;
margin-top: -10px;
margin-left: 190px;
}
.weightarea{
position: fixed; display:flex; margin-left: 420px;padding-top: -16px;margin-top: 220px;
}
.producoun{
position: fixed; display:flex; margin-left: 440px;padding-top: -16px;margin-top: 78px;
}
#left,#right {
display: flex;
flex-direction: column;
text-align: center;
padding: 30px;
margin: 10px 80px 0 70px;
white-space: Nowrap;
}
#wrap2 {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
text-align: center;
}
#wrap1 {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
text-align: center;
}
#wrap {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
}
p {
margin: 0;
}
.t-table tr {
padding-bottom: 1em;
}
.t-table {
border: none;
height: 400px;
}
.t-table td {
border: none;
}
.t-table td:empty {
border-left: 0;
border-right: 0;
table-layout: fixed;
}
#cert1_para {
height: 250px;
width: 100%;
background-color: blue;
}
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)