`
playfish
  • 浏览: 289512 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

你可能不知道的html中的空格

    博客分类:
  • Web
阅读更多

一直没有留意到这个问题.今天在做一个小东西时候偶然的发现.

 

正常在html里面输入一大串的空格,为了用空格来排版,而实际的效果却会发现所有空格都只显示成1个.

 

最简单,最快的方法,就是将你的输入法切换到全角的状态再输入空格,这样的空格打出来的占的宽度跟一个字是一样的.

 

关于具体的原理跟深入的研究,建议看看蓝色理想的达人的文章:

 

CSS 浏览器的等宽空格

 

写道
很多时候,希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时,会把连续的空格解析成一个,所以我们会使用   等这样的占位符。

但是   也不是很可靠,比如空格间距非常大,那么我们必须增加多个占位符,同时页面的体积会变得非常大。
 
1
2
分享到:
评论
5 楼 wnick 2009-02-05  
全角空格曾经也用过

换编码要出问题吧
4 楼 playfish 2009-02-04  
doylecnn 写道

疯掉了。。。疯掉了。。。到底是谁可能不知道的html中的空格。。。还全角。。。my god


呵呵,不是兄台有什么高见?
3 楼 playfish 2009-02-04  
glamey 写道

 


 不能解决问题..请参看达人的文章
2 楼 doylecnn 2009-02-04  
疯掉了。。。疯掉了。。。到底是谁可能不知道的html中的空格。。。还全角。。。my god
1 楼 glamey 2009-02-03  
 

相关推荐

    html中输入空格的解决方案

    html中输入空格的解决方案html中输入空格的解决方案 - 云之狼 - 网易博客.htm

    将HTML标签外的空格替换为 

    [^<]*>)`是一个否定前瞻断言,确保匹配的空格不在HTML标签内,`\s+`则匹配一个或多个空格。`g`标志表示全局匹配,确保替换所有符合条件的空格。 替换操作对于某些特定场景尤其有用,比如在显示代码片段、诗歌、表格...

    html 保留空格

    html 保留空格html 保留空格

    javascript删除非html中的所有空格 (正则)

    javascript正则表达式,删除所有非html标签里的空格。

    html中空格代码基本使用方法,看完就会

    html中空格代码基本使用方法,看完,你就会使用。简单明了的讲解,让人易懂!信息来源于郑州达内php培训www.0371tarena.com 达内php教程,是比较权威的,希望对大家有帮助

    ASP.NET HTML移除空格

    在ASP.NET中,你可能需要配合其他工具或技术来实现。 总的来说,ASP.NET提供了多种方式来处理HTML中的空格,从服务器端的代码优化到客户端的HTTP压缩,再到前端的构建工具,都可以作为策略的一部分。选择哪种方法取...

    如何在HTML中插入空格.docx

    在 HTML 中插入空格是非常常见的需求,但是很多人不知道如何正确地插入空格,今天我们就来讨论一下 HTML 中插入空格的多种方法。 首先,我们可以通过键入空格键来插入空格。例如,在 p.p1 中键入一个空格,在 p.p2 ...

    html5点击空格键飞行游戏代码

    在这个“html5点击空格键飞行游戏代码”中,我们将探讨如何利用HTML5的Canvas元素、JavaScript编程以及事件处理来实现一个简单的空格键控制的游戏。 首先,Canvas是HTML5的一个核心特性,它是一个二维绘图环境,...

    sql_去除字符中空格

    ### SQL去除字符串中的空格 在SQL中,经常会遇到需要清理数据的情况,特别是处理文本字段时,去除字符串两端或中间的空格是非常常见的需求。本文将详细介绍如何使用SQL中的`LTRIM()`, `RTRIM()` 和 `TRIM()` 函数来...

    取新闻网页内容去掉html标记和空格

    2. **字符串处理**:如果仅去除HTML标记和空格,而不涉及复杂的解析操作,可以使用C++的基础字符串操作函数,如`std::string`的`find`和`replace`方法,配合正则表达式库`<regex>`来匹配和替换HTML标签及空格。...

    关键词文本文件自动加空格

    例如,它可能无法处理复杂的文本格式,如HTML或富文本,也不能智能识别和处理中文成语、短语之间的空格需求。此外,对于某些特定的SEO策略,过度添加空格可能并不理想,因为搜索引擎算法可能有自己的处理方式。 总...

    HTML5 Canvas空格键飞行游戏代码.zip

    文件名可能不直观,但内容可能包含CSS用于样式设计,以及HTML文件用于构建游戏的结构,同时大部分会是JavaScript代码,实现游戏的逻辑和交互。 此外,游戏可能还涉及碰撞检测,这需要理解几何原理和数学运算。例如...

    javasrcipt去字符串空格

    3. **兼容性**:尽管现代浏览器都支持上述提到的所有方法,但在一些较老的环境中可能不支持`trim()`方法。此时可以使用以下代码手动实现: ```javascript String.prototype.trim = function() { return this....

    彻底解决Asp.net 文件下载时文件名的中文乱码和空格异常全球性技术难题

    在Asp.net开发中,文件下载是一个常见的功能,然而,当文件名包含中文或特殊字符,尤其是空格时,可能会导致一系列的问题。本篇文章主要针对这些问题提供了解决方案,以确保在IE(Internet Explorer)、Opera、Fire...

    删除MarkDown文档中的 U+200B 零宽度空格字符(Typora中显示红点),格式化MD文件

    这种字符在普通文本编辑器中通常是不可见的,但在某些特定情况下,如Typora这样的Markdown编辑器中,可能会引起问题,例如显示为红色的小点。 Typora是一款流行的实时预览Markdown编辑器,以其简洁的界面和流畅的...

    处理textarea换行空格

    1. **换行符的处理**:在提交`textarea`的内容到服务器时,你可能会遇到需要将`\n`转换为数据库支持的换行格式,如`\r\n`(在Windows系统中)。这可以通过JavaScript的字符串替换函数`replace()`实现,如下所示: `...

    微信小程序Text空格符号以及省略的展示

    1. **连续空格的处理**:在HTML中,连续的多个空格会被浏览器自动合并为一个空格。但在微信小程序的`Text`组件中,这种行为并不一致。默认情况下,连续的空格会被保留。如果希望按HTML的方式处理空格,可以使用CSS的...

    HTML5点击空格飞行游戏代码

    在`index.html`中,你可能会看到HTML结构,包括游戏的容器元素,用于装载Canvas。此外,HTML文件还会引用CSS和JavaScript文件,这些文件分别负责游戏的样式和逻辑。 `jijin_zhiling_buy.html`和`qihuo_zhiling-...

    文本框在输入过程中加空格

    在某些场景下,我们可能需要在用户输入过程中添加空格,以实现特定的功能或者提高用户体验。例如,当用户输入邮政编码、电话号码、密码等时,合理地插入空格可以帮助用户更清晰地组织和查看他们输入的信息,从而降低...

    Javascript/HTML把文本框中前后的空格去掉,并把去掉后的字符通过警告对话框显示出来.html

    建立一个简单界面,把文本框中前后的空格去掉,并把去掉后的字符通过警告对话框显示出来,人练习捣鼓出来的东西,希望对小白们有所帮助

Global site tag (gtag.js) - Google Analytics