页面框 强行换行

本文主要是介绍页面框 强行换行，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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>

这篇关于页面框 强行换行的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---