zoukankan      html  css  js  c++  java
  • html 文字溢出标签

    1. overflow:visible;作用:能看到溢出部分。
    2. overflow: hidden;作用:溢出部分看不到
    3. overflow:scroll; 作用:出现一个滚动条(不超过的文字也会在滚动条里)
    4. overflow:auto;作用:自动滚动条 

    下面的代码可以对这4个属性区别显示效果

    <!DOCTYPE html>
    <html>
    <head>
    <title>溢出</title>
    <meta charset="utf-8">
    <style type="text/css">
    div{
    500px;
    height: 180px;
    border: 1px solid red;

    }

    #aa{
    overflow: visible;

    }
    #bb{
    overflow: hidden;
    }
    #cc{
    overflow: scroll;
    }
    #dd{
    overflow: auto;
    }
    .qq{
    overflow: auto;
    }
    </style>
    </head>
    <body>
    <div id="aa"> 也许爱的往事是永远也不能忘记得,我记得最后几次的相遇和美丽的邂逅,让我永远不能忘。那是一个惺忪的夜晚,屋里就有你和我。此时外面还下着鹅毛般的大雨,还不停有雷声交杂着,就在半夜时分,那雷声一次比一次大,我和你谁也没有睡着,此时的心里都在想着对方,谁也不敢冲破那道墙。那雷声越来越大,你此时蜷缩在被窝里不敢睡,就在一个最大的雷声响起时,你一下抱着被跑到我的房间里,要和我一起睡,我一下被惊呆了,一下从床上起来,说道:“你这样不行,我们不能那样。”你看了看我,说道:“你没有听到雷声吗,人家好怕,才到你这。”你这么一说,我也没有啥好说的了,就允许你躺在我的怀里,那夜我是抱着你,坐着睡着的。

      这夜许就是最后一次美丽的邂逅,再后来,就也再也见不到你了,因为你家居住在外地,就再也没有联系,彼此也没有留下任何号码,你就象从人间蒸发了似的,这就是我的牵挂。</div><br>
    <div id="bb"> 也许爱的往事是永远也不能忘记得,我记得最后几次的相遇和美丽的邂逅,让我永远不能忘。那是一个惺忪的夜晚,屋里就有你和我。此时外面还下着鹅毛般的大雨,还不停有雷声交杂着,就在半夜时分,那雷声一次比一次大,我和你谁也没有睡着,此时的心里都在想着对方,谁也不敢冲破那道墙。那雷声越来越大,你此时蜷缩在被窝里不敢睡,就在一个最大的雷声响起时,你一下抱着被跑到我的房间里,要和我一起睡,我一下被惊呆了,一下从床上起来,说道:“你这样不行,我们不能那样。”你看了看我,说道:“你没有听到雷声吗,人家好怕,才到你这。”你这么一说,我也没有啥好说的了,就允许你躺在我的怀里,那夜我是抱着你,坐着睡着的。

      这夜许就是最后一次美丽的邂逅,再后来,就也再也见不到你了,因为你家居住在外地,就再也没有联系,彼此也没有留下任何号码,你就象从人间蒸发了似的,这就是我的牵挂。</div ><br>
    <hr width="100%" size="10px" color="red">
    <div id="cc"> 也许爱的往事是永远也不能忘记得,我记得最后几次的相遇和美丽的邂逅,让我永远不能忘。那是一个惺忪的夜晚,屋里就有你和我。此时外面还下着鹅毛般的大雨,还不停有雷声交杂着,就在半夜时分,那雷声一次比一次大,我和你谁也没有睡着,此时的心里都在想着对方,谁也不敢冲破那道墙。那雷声越来越大,你此时蜷缩在被窝里不敢睡,就在一个最大的雷声响起时,你一下抱着被跑到我的房间里,要和我一起睡,我一下被惊呆了,一下从床上起来,说道:“你这样不行,我们不能那样。”你看了看我,说道:“你没有听到雷声吗,人家好怕,才到你这。”你这么一说,我也没有啥好说的了,就允许你躺在我的怀里,那夜我是抱着你,坐着睡着的。

      这夜许就是最后一次美丽的邂逅,再后来,就也再也见不到你了,因为你家居住在外地,就再也没有联系,彼此也没有留下任何号码,你就象从人间蒸发了似的,这就是我的牵挂。</div><br>
    <div id="dd"> <p class="qq">的心里都在想着对方,谁也不敢冲破那道墙。那雷声越来越大,你此时蜷缩在被窝里不敢睡,就在一个最大的雷声响起时,你一下抱着被跑到我的房间里,要和我一起睡,我一下被惊呆了,一下从床上起来,说道:“你这样不行,我们不能那样。”你看了看我,说道:“你没有听到雷声吗,人家好怕,也许爱的往事是永远也不能忘记得,我记得最后几次的相遇和美丽的邂逅,让我永远不能忘。那是一个惺忪的夜晚,屋里就有你和我。此时外面还下着鹅毛般的大雨,还不停有雷声交杂着,就在半夜时分,那雷声一次比一次大,我和你谁也没有睡着,此时的心里都在想着对方,谁也不敢冲破那道墙。那雷声越来越大,你此时蜷缩在被窝里不敢睡,就在一个最大的雷声响起时,你一下抱着被跑到我的房间里,要和我一起睡,我一下被惊呆了,一下从床上起来,说道:“你这样不行,我们不能那样。”你看了看我,说道:“你没有听到雷声吗,人家好怕,才到你这。”你这么一说,我也没有啥好说的了,就允许你躺在我的怀里,那夜我是抱着你,坐着睡着的</p>。那是一个惺忪的夜晚,屋里就有你和我。此时外面还下着鹅毛般的大雨,还不停有雷声交杂着,就在半夜时分,那雷声一次比一次大,我和你谁也没有睡着,此时的心里都在想着对方,谁也不敢冲破那道墙。那雷声越来越大,你此时蜷缩在被窝里不敢睡,就在一个最大的雷声响起时,你一下抱着被跑到我的房间里,要和我一起睡,我一下被惊呆了,一下从床上起来,说道:“你这样不行,我们不能那样。”你看了看我,说道:“你没有听到雷声吗,人家好怕,也许爱的往事是永远也不能忘记得,我记得最后几次的相遇和美丽的邂逅,让我永远不能忘。那是一个惺忪的夜晚,屋里就有你和我。此时外面还下着鹅毛般的大雨,还不停有雷声交杂着,就在半夜时分,那雷声一次比一次大,我和你谁也没有睡着,此时的心里都在想着对方,谁也不敢冲破那道墙。那雷声越来越大,你此时蜷缩在被窝里不敢睡,就在一个最大的雷声响起时,你一下抱着被跑到我的房间里,要和我一起睡,我一下被惊呆了,一下从床上起来,说道:“你这样不行,我们不能那样。”你看了看我,说道:“你没有听到雷声吗,人家好怕,才到你这。”你这么一说,我也没有啥好说的了,就允许你躺在我的怀里,那夜我是抱着你,坐着睡着的。

      这夜许就是最后一次美丽的邂逅,再后来,就也再也见不到你了,因为你家居住在外地,就再也没有联系,彼此也没有留下任何号码,你就象从人间蒸发了似的,这就是我的牵挂。</div>
    </body>
    </html>

    得出结果如下图:

  • 相关阅读:
    总结thinkphp快捷查询getBy、getField、getFieldBy用法及场景
    javascript中的那些让人摸不着头脑的不=
    使用jquery静态资源公共库cdn及回退地址
    论strpos 的正确使用方式
    深入解析array_merge函数的用法 php
    thinkphp集成系列之rbac的升级版auth权限管理系统demo
    thinkphp集成系列之短信验证码、订单通知
    sublime安装ctags函数追踪插件
    Sublime Text3下配置SublimeLinter进行PHP代码检查
    win7启动redis报错Creating Server TCP listening socket *:6379: bind: Unknown error
  • 原文地址:https://www.cnblogs.com/yzybc/p/5624992.html
Copyright © 2011-2022 走看看