首页 > 其他 > 详细

display:table-cell 相当于td

时间:2018-08-27 15:48:16      阅读:197      评论:0      收藏:0      [点我收藏+]

技术分享图片

.input-group-btn-vertical {
  1. position: relative;
  2. white-space: nowrap;
  3. width: 1%;
  4. vertical-align: middle;
  5. display: table-cell;

<div class="modal inmodal fade in" id="edittemplate" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;" data-backdrop="static">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header" style="padding: 15px 7px; font-size: 18px;color:#fff">
编辑模板
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body" style="padding: 5px;">
<div class="panel-body" style="padding: 0px;">
<table class="table" style="margin-bottom: 2px; height: 18%;">
<tbody style="border: none !important" data-bind="with: $root.SaveNodeInfo">
<tr>
<td style="width:150px;text-align:right">
<p>原模板名称:</p>
</td>
<td>
<input type="text" readonly="readonly" class="form-control" style="width: 100%" data-bind="value: $root.selectednode().GROUP_NAME">
</td>
</tr>
<tr>
<td style="width:150px;text-align:right">
<p>新模板名称:</p>
</td>
<td>
<input type="text" class="form-control" style="width: 100%" data-bind="value: GROUP_NAME">
</td>
</tr>
<tr>
<td style="width:150px;text-align:right">
<p>原问候语:</p>
</td>
<td>
<input type="text" readonly="readonly" class="form-control" style="width: 100%" data-bind="value: $root.selectednode().HELLOWORD">
</td>
</tr>
<tr>
<td style="width:150px;text-align:right">
<p>问候语:</p>
</td>
<td>
<input type="text" class="form-control" style="width: 100%" data-bind="value: HELLOWORD">
</td>
</tr>
<tr>
<td style="width:150px;text-align:right">
<p>满分:</p>
</td>
<td>
<div class="input-group spinner">
<input type="text" class="form-control" id="edit_TOTALSCORE" value="100" data-bind="value: TOTALSCORE" style="margin-top:2px;">
<div class="input-group-btn-vertical">
<button class="btn btn-default" type="button"><i class="fa fa-caret-up"></i></button>
<button class="btn btn-default" type="button"><i class="fa fa-caret-down"></i></button>
</div>
</div>
</td>
</tr>
</tbody>

</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class=" btn-gray" data-dismiss="modal" style="background: none; border: #eea236 1px solid; color: #eea236"><span aria-hidden="true">取消</span></button>
<button type="button" class=" btn-gray" style="background: none" data-bind="click: $root.SaveTemplateNode">保存</button>
</div>
</div>
<small class="font-bold"></small>
</div>
<small class="font-bold"></small>
</div>

display:table-cell 相当于td

原文:https://www.cnblogs.com/benbenjia/p/9542572.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!