多语言展示
当前在线:653今日阅读:23今日分享:25

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

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

有个记事本软件,有浏览器

方法/步骤
1

看看我写的下面的代码:                                                 

Aa     Bb      Cc     Dd    Ee     Ff    
                         
001   002    003   004   005   006
                         
Aa     Bb      Cc     Dd    Ee     Ff    
                         
001   002    003   004   005   006
            表面上看上去的确挺整齐的,但是,放到浏览器里面的实际效果却是:

2

这是为啥呢??很简单,这个所有的空格都被'吞噬'了,浏览器把多个空格当作一个来处理了。。这是必然的。所以,这个 出场的时候就到了。看我的应用:              

Aa  Bb  Cc  Dd  Ee  Ff
     
001  002  003  004  005  006
     
Aa  Bb  Cc  Dd  Ee  Ff
     
001  002  003  004  005  006

3

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

4

看我添加一些关键的东西,注意观察图中的东西,尤其是,我在图中标记的空格以及箭头的提醒【关键】,要求思考:                           

Aa   Bb   Cc   Dd   Ee   Ff
               
001  002  003  004  005  006
               
Aa   Bb   Cc   Dd   Ee   Ff
               
001  002  003  004  005  006
     

注意事项

这个的关键的词语就在于   其实就是 前后的空格的调整。。。

推荐信息