style="word-break:break-all" 强行换行
[img]http://dl2.iteye.com/upload/attachment/0101/6127/c4b12de8-3db5-3a84-9237-b9f953e7e920.png[/img]
style=\"white-space:nowrap;\" 强行不换行
//多出来的变省略号
<script id="UserListTmp" type="text/x-jquery-tmpl">
<tr data-grid="${id}">
<td style="text-align:center;word-break:break-all"><input type="checkbox" name="" id="${id}" /></td>
<td style="text-align:center;word-break:break-all" >${index}</td>
<td style="text-align:center;word-break:break-all" width="72px">${id}</td>
<td style="text-align:center;word-break:break-all" width="25%"><span style="width:400px" class="kill">${target}</span></td>
<td style="text-align:center;word-break:break-all"><span style="width:400px" class="kill">${lun}</span></td>
<td width="42px" class="tdfix1"><a href="javascript:;" onclick="_edit('${id}')">编辑</a></td>
<style>
.user-content treefix table tbody tr td span.kill{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}
</style>
<!---->
<div class="user-content treefix" style="min-height:400px">
<div class="user-form">
<div class="user-list">
<table cellpadding="0" cellspacing="0" border="0" id="User_List" class="tabcont">
<thead>
<tr><th width="20px"><input id="checkAll" type="checkbox" name="" /></th>
<th width="32px">序号</th>
<th style="text-align:center" width="72px">ID</th>
<th style="text-align:center" width="25%">基本名称</th>
<th style="text-align:center" >LUN</th>
<th width="42px">操作</th>
</tr>
</thead>
<tbody id="UserList">
</tbody>
</table>
<div class="tab-foot">
<!---->
<div class="ctrl">
<a href="javascript:;" id="add" onclick="newAdd();"><i class="icon-plus"></i>添加</a>
<a href="javascript:;" onclick="_doDel('#UserList');"><i class="icon-mins"></i>删除</a>
</div>
<!---->
<div class="pages" id="Pages">
<a href="javascript:;"><i class="icon-prev"></i></a>
<a href="javascript:;"><i class="icon-next"></i></a>
</div>
</div>
</div>
</div>
</div>
</tr>
</script>
页面框 强行换行
最新推荐文章于 2024-08-21 14:09:37 发布