CSS样式截取字符串

最新推荐文章于 2024-12-25 22:34:32 发布

爱吃鱼油

最新推荐文章于 2024-12-25 22:34:32 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： js JQuery 文章标签： css jquery js

本文链接：https://blog.youkuaiyun.com/u010081710/article/details/54312107

JQuery 同时被 2 个专栏收录

34 篇文章

订阅专栏

26 篇文章

订阅专栏

css 截取字符串

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<style type="text/css">
div.test{
width:200px;
height:100px;
border:1px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
<body>
<div class="test">
做自己的SEO 做自己的DIV+CSS 做自己的PHP
</div>
</body>
</html>

<html>
<head>
	<title>css样式截取字符串</title>
		
	<script type="text/javascript">   
		$(function(){
				
		})
	</script>
	<style type="text/css">  
		.merchant{  
		width:150px;  
		height:10px;  
		border:0px solid red;  
		padding:10px;  
		overflow:hidden;  
		text-overflow:ellipsis;  
		white-space:nowrap;  
		}  
	</style> 
	</head>
	<body>
		<td id=\"merchantName\" ></td>
	</body>
</html>	
<!--后台返回结果-->
strb.append("<td>").append("<p  class=\"merchant\">");
strb.append("商户名称过长省略号截取显示").append("</p></td>");

隐藏表格某行

		strb.append("<tr style=\"display:none\">");
		strb.append("<td >商户流水号：</td>");
		strb.append("<td >");
		strb.append("<input id=\"merchantId\" name='merchantId'>");
		strb.append("</td>");
		strb.append("</tr>");