和空格区别及去除区别

1、html中提供了6中空格,分别为    ‌‍

具体区别看参考:http://www.cnblogs.com/chenshihaook/p/6186343.html

2、 为不换行空格,全称No-Break Space,使用最多的空格,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,该空格占据宽度受字体影响明显而强烈。

3、HTML中使用“ ”表示1个空格字符(英文的1个空格字符),1个中文汉字占2个英文字符。即一个汉字需要两个 

4、JavaScript去除空格的区别;

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p>aaaaaaa</p>
		<p>   </p>
		<p>&nbsp;&nbsp;</p>
		<p>aaaaaaaaaaaaaaaa<br>哈哈哈哈哈哈哈哈哈哈哈哈</p>
		<p>床前明月光,心里想的慌,举头望明月,低头思  姑娘。</p>
		<p>床前明月光,心里想的慌,举头望明月,低头思&nbsp;&nbsp;姑娘。</p>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$('p').each(function(i,e){
				var reg=/&nbsp;/g;
				var textn = $(this).text().trim();
				console.log("aaa" + textn);
				if (textn == "" || reg.test(textn) == true) {
					$(this).hide();
				}
			});
		});
	</script>
</html>

(1)判断一个标签中添加是不是space敲的空格,可以通过标签中text(),然后去除两端空格,如果为空,则为标签中只为space空格;

(2)区分&nbsp;需要用正则表达式匹配,等于true时,才能判断为&nbsp;空格;

(3)第六个p标签和第七个p标签主要说明了&nbsp;和space空格的区别,如果p宽度有限,只能容下“床前明月光,心里想的慌,举头望明月,低头思”如果用space空格,只有“姑娘”移到下一行,如果&nbsp;则“思   姑娘”都移到下一行。原因是使用&nbsp;连到了一起!

运行结果如下:




  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值