网页制作 
首页 > 网页制作 > 浏览文章

全面了解html.css溢出

(编辑:jimmy 日期: 2024/12/22 浏览:3 次 )

全面了解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代码中的空格和空行
一句话新闻
Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。