参考下

文本两端对齐-https://help.fanruan.com/finereport/doc-view-3052.html

样子

文本 

<div class="box1"><div class="test1">姓 名</div><div class="test1">姓 名 姓 名</div><div class="test1">姓 名 名</div><div class="test1">所 在 地</div><div class="test1">工 作 单 位</div></div>

css

<style>

            .box1{

                background:red;

                width:30%;

            }

            .test1 {

                text-align:justify;

                text-justify:distribute-all-lines;/*ie6-8*/

                text-align-last:justify;/* ie9*/

                -moz-text-align-last:justify;/*ff*/

                -webkit-text-align-last:justify;/*chrome 20+*/

            }

            @media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/

                .test1:after{

                    content:".";

                    display: inline-block;

                    width:100%;

                    overflow:hidden;

                    height:0;

                }

            }

        </style>