在Div内部运行的角度材质/css输入在其他div上运行
在Div内部运行的角度材质/css输入在其他div上运行
提问于 2017-07-19 06:43:46
.lat-long-divider{
width:100px;
}
.lat-long-spacer{
margin-right: 3px;
} <div class="ng-animate-disabled" layout flex>
<div layout >
<strong translate="LABELS.LAT" class="lat-long-spacer"></strong><strong class="lat-long-spacer">:</strong>
<inline-edit class="lat-long-divider" identifier="'measurement-data'" value="$ctrl.asset" display="$ctrl.asset.latitude" value-name="' Latitude'" on-update="$ctrl.updateLat"></inline-edit>
</div>
<div layout>
<strong translate="LABELS.LONG" class="lat-long-spacer"></strong></strong><strong class="lat-long-spacer">:</strong>
<inline-edit class="lat-long-divider" identifier="'measurement-data'" value="$ctrl.asset" display="$ctrl.asset.longitude" value-name="' Longitude'" on-update="$ctrl.updateLong"></inline-edit>
</div>
</div>
我使用角度材料和布局行方法，所以纬度和经度将在一行上，我使用一些基本的css来保持它们的分离。问题是，根据api数据，以后和较长数据都有小数或没有小数。要求不能对小数进行四舍五入。如果我在两个数据之间使用一个很长的空格，那么当最后一个长数据的位数较少时，它们之间的空格就会很大。那么，我如何动态地实现这一点呢？使用CSS或angular材质。基本上，如果我可以在每个父div中包含数据，或者通过某种flex方法动态创建空间
Stack Overflow用户
回答已采纳
发布于 2017-07-21 06:27:07
.longName {
font-size: 12px;
font-weight: bold;
}
#inline-edit-measurement-data{
width:100px
} <div ng-if="$ctrl.identifier == 'measurement-data' && $ctrl.isEditing" >
<md-input-container>
<input type="number" aria-label="inline editor" id="inline-input-box" ng-model="$ctrl.display" ng-blur="$ctrl.focusOut()">
<md-input-container flex>
<input id="inline-edit-measurement-data" type="number" aria-label="inline editor" id="inline-input-box" ng-model="$ctrl.display" ng-blur="$ctrl.focusOut()">
</md-input-container>
</div>
几乎去掉了css，并为我的内联编辑组件增加了宽度
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45178287
复制相关文章
相似问题
腾讯云开发者
