HTML内容中-空格的独特用法..  

有时候,真的在设计所谓的HTML的时候对格式的对齐真的很苦恼。。。
所以说,自从发现了空格符号: 的用法后还是很激动的;
但是它有时候也应付不了一些只有 的一半的大小的空格的问题;
直到.......
我突然才发现呀,原来 和 之间的空格就是我所追求的那个一半呀!!!
对于能来看本人的文章的,我非常感谢各位的支持;
写的也许不是太专业,请各位多多包涵啦,谢谢,另外我就不介绍太基础的东西啦。

操作方法

  • 01

    看看我写的下面的代码: <html> <head></head> <body> <div>Aa     Bb      Cc     Dd    Ee     Ff    </div> <div>001   002    003   004   005   006</div> <div>Aa     Bb      Cc     Dd    Ee     Ff    </div> <div>001   002    003   004   005   006</div> </body> </html> 表面上看上去的确挺整齐的,但是,放到浏览器里面的实际效果却是:

  • 02

    这是为啥呢?? 很简单,这个所有的空格都被"吞噬"了, 浏览器把多个空格当作一个来处理了。。这是必然的。 所以,这个&nbsp;出场的时候就到了。 看我的应用: <html> <head></head> <body> <body> <div>Aa&nbsp;&nbsp;Bb&nbsp;&nbsp;Cc&nbsp;&nbsp;Dd&nbsp;&nbsp;Ee&nbsp;&nbsp;Ff</div> <div>001&nbsp;&nbsp;002&nbsp;&nbsp;003&nbsp;&nbsp;004&nbsp;&nbsp;005&nbsp;&nbsp;006</div> <div>Aa&nbsp;&nbsp;Bb&nbsp;&nbsp;Cc&nbsp;&nbsp;Dd&nbsp;&nbsp;Ee&nbsp;&nbsp;Ff</div> <div>001&nbsp;&nbsp;002&nbsp;&nbsp;003&nbsp;&nbsp;004&nbsp;&nbsp;005&nbsp;&nbsp;006</div> </body> </body> </html>

  • 03

    经过这个的修饰,结果如何? 看看效果,然而并不理想; 就是缺少半个&nbsp;空格符的大小呀,怎么办?不急,请往下看。

  • 04

    看我添加一些关键的东西, 注意观察图中的东西,尤其是, 我在图中标记的空格以及箭头的提醒【关键】,要求思考: <html> <head></head> <body> <div>Aa&nbsp; &nbsp;Bb&nbsp; &nbsp;Cc&nbsp; &nbsp;Dd&nbsp; &nbsp;Ee&nbsp; &nbsp;Ff</div> <div>001&nbsp;&nbsp;002&nbsp;&nbsp;003&nbsp;&nbsp;004&nbsp;&nbsp;005&nbsp;&nbsp;006</div> <div>Aa&nbsp; &nbsp;Bb&nbsp; &nbsp;Cc&nbsp; &nbsp;Dd&nbsp; &nbsp;Ee&nbsp; &nbsp;Ff</div> <div>001&nbsp;&nbsp;002&nbsp;&nbsp;003&nbsp;&nbsp;004&nbsp;&nbsp;005&nbsp;&nbsp;006</div> </body> </html>

  • 05

    哈哈,收获的时候到了,看看效果吧。 完美的对齐了,这个就是&nbsp &nbsp的力量! 虽然也可以用width:15%;来调节, 不过,有时候; 老版的方法也是有它的好处的哦,细细体会就会明白了。

(0)

相关推荐

  • 详解Linux系统中md5sum命令的用法

    这篇文章主要介绍了详解Linux系统中md5sum命令的用法,用来处理MD5验证的相关操作,需要的朋友可以参考下 MD5算法常常被用来验证网络文件传输的完整性,防止文件被人篡改.MD5全称是报文摘要算 ...

  • 手机QQ不登录可以直接在首页发说说以及在说说内容中增加图片吗

    手机QQ不登录可以在首页直接发布说说,并可以在说说内容中增加图片,在输入框右上角还可以选择将说说内容同步至微博和QQ个性签名。增加图片操作方法:在发表说说输入框下方选择“相机”图标,通过直接拍照或选择 ...

  • outlook内容中的超链接打不开的解决办法

    OUTLOOK内容中的超链接打不开:点击弹出错误提示。此问题一般是安装多个浏览器、卸载浏览器不完全等操作时产生系统性错误,所以重建OL配置档或者是重建用户本地帐户文件都不能解决,需要更改此系统设置。 ...

  • Excel2007中网格线的基本用法介绍

    Excel2007中网格线的基本用法介绍 Excel2007中的网格线在编辑、打印操作中都会用到。下面讲解Excel2007软件中网格线的一些基本用法。 1、隐藏/显示网格线 通过“视图”选项卡菜单中 ...

  • Word2007文档中的书签的用法

    好多人留言问blue1000关于word 2007中的书签的用法,一直没有时间一一回答,今天就一起回答了吧,希望不知道的人可以看到这篇文章。 其实主要还是用于定位,具体操作步骤如下所述: 第1步,打开 ...

  • word(office2013)如何去除文档中空格处的点

    随着社会经济的快速发展,电脑办公已经逐步取代纸笔时代。word更是大学生和白领工作者们生活的一部分,但是我们在日常操作中经常会遇到一些小问题,比如说有时候文档中空格处都变成点被占据着,虽然不影响正常办 ...

  • Word文档中空格变成圆点或方块怎么办

    不知道是怎么回事,把一段文字复制到Word中后,发现这段文字中所有的空格都变成圆点和方块了,虽然不会影响打印,但很不美观,这种情况应该如何处理呢? 对于Word文档中空格变成圆点或者方块的原因, 微软 ...

  • office2013怎么去除文档中空格处的点?

    office2013怎么去除文档中空格处的点? 方法/步骤 1.首先找到文档所在位置,双击打开那篇因为格式出现问题令你烦心的文档.问题文档格式的情况如下图所示. office2013 2.打开文档后, ...

  • Excel中循环引用的用法

    Excel中循环引用的用法 提到循环引用,恐怕很多同学都不会陌生,而且会敬而远之.在Excel中输入公式时,经常会遇到下面的提示框,这就是因为公式中有循环引用的问题导致的. 通常情况下,如果公式中包含 ...