欢迎来到入门教程网!

CSS/HTML

当前位置:主页 > 网页制作 > CSS/HTML >

全面了解html.css溢出

来源:本站原创|时间:2020-01-10|栏目:CSS/HTML|点击:

全面了解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

上一篇:浅谈HTML中的标记

栏    目:CSS/HTML

下一篇:HTML用正则表达式检验表格的实例代码

本文标题:全面了解html.css溢出

本文地址:https://www.xiuzhanwang.com/a1/CSS_HTML/9604.html

网页制作CMS教程网络编程软件编程脚本语言数据库服务器

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:835971066 | 邮箱:835971066#qq.com(#换成@)

Copyright © 2002-2020 脚本教程网 版权所有