Javascript 打印函数角度对齐

我是角度方面的新手我想打印模式信息我正在使用

onclick=print（）

打印数据我的数据显示在打印视图中，但我没有正确对齐我添加了pgae的屏幕截图我想对齐数据。 我的css代码

@media print {

        #non-printable {
          visibility: hidden;
        }
        #printable{
            visibility: visible;
            border: none;
            position: absolute !important;
        left: 0;
        top: 0;
        overflow-x:auto ;
        float: left;
        }
      }

这是我的html代码

 <div class="modal" id="dModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document" >
      <div class="modal-content" style="margin-left: auto; margin-right: auto;">
     
        <div class="modal-body" id="printable">
            <div class="container" style="width:100%" >

                  <div class="row">
                    <div class="col col-md-3">
                      <label>Irn Number :</label>
                    </div>
                    <div class="col col-md-9">
                      <label>{{irn}}</label>
                    </div>
                   
                  </div>
              
                  <div class="row">
                    <div class="col col-md-3">
                      <label>Status :</label>
                    </div>
                    <div class="col col-md-7">
                      <label>{{Status}}</label>
                    </div>
                 
                  </div>
              
               
              
                   <div class="row">
                    <div class="col col-md-3">
                      <label>QR code :</label>
                    </div>
                    <div class="col col-md-7" style="text-align: left;">
                      <label> <qrcode [qrdata]="qr" [width]="150" [errorCorrectionLevel]="'M'"></qrcode> </label>
                    </div>
                 
                  </div>
              
        </div>

        <div class="modal-footer" id="non-printable">
          <button id="btnPrint" type="button" class="btn btn-secondary" data-dismiss="modal"onclick="print()">Print</button>

        </div>
      </div>
    </div>
  </div>
  </div>

Irn编号：
{{irn}}
地位：
{{Status}}
二维码：
印刷品

---

感谢您的帮助。

您可以尝试将属性

flex direction:column；显示器：flex
我不理解这个请求。你想要实现什么？将所有数据向左对齐？是的，先生，我想将数据向左对齐。你能提供html代码吗？@FedericoAndreoli先生，请检查不适用于我