Css 棱角材料设计-小屏幕时可弯曲包裹

当屏幕变小时，我试图使纬度和经度以列格式位于datakey之下。我玩过material design xs，现在不为我工作。下面是我的代码，现在我隐藏了lat，很久以前，当我想要iPhone-5的屏幕尺寸时，它们会被切断

div layout align=“中心间距”>
数据键：
{{{'LABELS.lat'| translate}}:{{{$ctrl.asset.latitude}
{{{'LABELS.long'| translate}}:{{{$ctrl.asset.longitude}

数据键

{{$ctrl.asset.latitude}编号：2}

{{$ctrl.asset.longitude}编号：2}
没有可用的位置信息

div layout layout-align="space-between center">
                    <div class="md-inline-edit-input " class="dkey-inline">
                        <strong id="dkey-label">Data Key:</strong>
                        <inline-edit identifier="'asset-name'" value="$ctrl.asset" display="$ctrl.asset.dataKey" value-name="'data key'" on-update="$ctrl.updateDataKey"></inline-edit>
                    </div>


                    <div ng-if="$ctrl.asset.latitude && $ctrl.asset.longitude" class="ng-animate-disabled" layout layout-align="space-between center">
                        <div style="padding-right:15px;"><strong class="lat-long-label">{{'LABELS.LAT'|translate}}:</strong><span>{{$ctrl.asset.latitude}}</span></div>
                        <div><strong class="lat-long-label">{{'LABELS.LONG'|translate}}:</strong><span>{{$ctrl.asset.longitude}}</span></div>
                    </div>