CSS 实现文字、DIV层水平自适应屏幕大小_html-js-css

概述网(LieHuo.Net)CSS教程，本文给大家介绍的是CSS 水平自适应的实现代码，这个与其它的水平自适应好像还有点区别，它里面的文字也会自适应，文字外的DIV同样也会随着浏览器窗口的大小而水平适应，大家仔细观察一下。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quot…

　　网CSS教程，本文给大家介绍的是CSS 水平自适应的实现代码，这个与其它的水平自适应好像还有点区别，它里面的文字也会自适应，文字外的div同样也会随着浏览器窗口的大小而水平适应，大家仔细观察一下。

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><head><Meta http-equiv="Content-Type" content="text/HTML; charset=gbk" /><Title>CSS 水平自适应 - </Title><style>body{margin:0;}.one{float:left;wIDth:30%;background:#999999;}.two{float:left;wIDth:40%;background:#666666;}.three{float:left;wIDth:30%;background:#cccccc;}div{height:80px;}</style></head><body><div class="one">这是第1个元素中的内容</div><div class="two">这是第2个元素中的内容</div><div class="three">这是第3个元素中的内容</div></body></HTML><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

总结

以上是内存溢出为你收集整理的CSS 实现文字、DIV层水平自适应屏幕大小全部内容，希望文章能够帮你解决CSS 实现文字、DIV层水平自适应屏幕大小所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1025769.html

CSS 实现文字、DIV层水平自适应屏幕大小

发表评论

评论列表（0条）