如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
HTML内容中-空格的独特用法..
有时候,真的在设计所谓的HTML的时候对格式的对齐真的很苦恼。。。
所以说,自从发现了空格符号: 的用法后还是很激动的;
但是它有时候也应付不了一些只有 的一半的大小的空格的问题;
直到.......
我突然才发现呀,原来 和 之间的空格就是我所追求的那个一半呀!!!
对于能来看本人的文章的,我非常感谢各位的支持;
写的也许不是太专业,请各位多多包涵啦,谢谢,另外我就不介绍太基础的东西啦。
工具/原料
- 有个记事本软件,有浏览器
方法/步骤
看看我写的下面的代码:
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>
表面上看上去的确挺整齐的,但是,放到浏览器里面的实际效果却是:
这是为啥呢??
很简单,这个所有的空格都被"吞噬"了,
浏览器把多个空格当作一个来处理了。。这是必然的。
所以,这个 出场的时候就到了。
看我的应用:
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>
经过这个的修饰,结果如何?
看看效果,然而并不理想;
就是缺少半个 空格符的大小呀,怎么办?不急,请往下看。
看我添加一些关键的东西,
注意观察图中的东西,尤其是,
我在图中标记的空格以及箭头的提醒【关键】,要求思考:
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>
哈哈,收获的时候到了,看看效果吧。
完美的对齐了,这个就是   的力量!
虽然也可以用width:15%;来调节,
不过,有时候;
老版的方法也是有它的好处的哦,细细体会就会明白了。
注意事项
- 这个的关键的词语就在于 其实就是前后的空格的调整。。。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 367 HTML