全面了解html.css溢出

网页制作 发布日期：2024/12/26 浏览次数：1

正在浏览：全面了解html.css溢出

全面了解html.css溢出

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html>  
  2. <!DOCTYPE html>  
  3. <html>  
  4. <head>  
  5.     <title></title>  
  6.     <meta charset="utf-8">  
  7.     <style type="text/css">  
  8.     div{  
  9.     height: 110px;  
  10.     width: 250px;  
  11.     border: 1px solid red;  
  12.     }  
  13.     .a{overflow: visible;  
  14.     }  
  15.     .b{overflow: hidden;  
  16.     }  
  17.     .c{overflow: scroll;  
  18.     }  
  19.     .d{overflow: auto;  
  20.     }  
  21.   
  22. </style>  
  23. </head>  
  24. <body>  
  25. <div class="a" >  
  26. 我一直在努力，想与你并肩，如今，跟在你身后都不可能了。每个人都曾执着过，最后，该放弃的还是放弃了。也许在你回忆青春时，我不是主角，连配角都算不上，而你，却是我的整个青春。  
  27. </div></br>  
  28. <div class="b" >  
  29. 我一直在努力，想与你并肩，如今，跟在你身后都不可能了。每个人都曾执着过，最后，该放弃的还是放弃了。也许在你回忆青春时，我不是主角，连配角都算不上，而你，却是我的整个青春。  
  30. </div></br>  
  31. <div class="c" >  
  32. 我一直在努力，想与你并肩，如今，跟在你身后都不可能了。每个人都曾执着过，最后，该放弃的还是放弃了。也许在你回忆青春时，我不是主角，连配角都算不上，而你，却是我的整个青春。  
  33. </div></br>  
  34. <div class="d" >我一直在努力，想与你并肩，如今，跟在你身后都不可能了。每个人都曾执着过，最后，该放弃的还是放弃了。也许在你回忆青春时，我不是主角，连配角都算不上，而你，却是我的整个青春。  
  35. </div></br>  
  36.   
  37. </body>  
  38. </html>  

以上就是小编为大家带来的全面了解html.css溢出全部内容了，希望大家多多支持~

原文地址：http://www.cnblogs.com/yaou/archive/2016/06/29/5625652.html

上一篇：htm初学笔记(新手必看)
下一篇：浅谈HTML代码中的空格和空行

一句话新闻

高通与谷歌联手！首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。