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
这是为啥呢?? 很简单,这个所有的空格都被"吞噬"了, 浏览器把多个空格当作一个来处理了。。这是必然的。 所以,这个 出场的时候就到了。 看我的应用: <html> <head></head> <body> <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> </body> </html>
- 03
经过这个的修饰,结果如何? 看看效果,然而并不理想; 就是缺少半个 空格符的大小呀,怎么办?不急,请往下看。
- 04
看我添加一些关键的东西, 注意观察图中的东西,尤其是, 我在图中标记的空格以及箭头的提醒【关键】,要求思考: <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>
- 05
哈哈,收获的时候到了,看看效果吧。 完美的对齐了,这个就是   的力量! 虽然也可以用width:15%;来调节, 不过,有时候; 老版的方法也是有它的好处的哦,细细体会就会明白了。