zoukankan      html  css  js  c++  java
  • CSS 文字溢出时的自动隐藏

    http://www.111cn.net/cssdiv/css/34050.htm

    语法:overflow : visible | auto | hidden | scroll

    visible::不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效。
    auto:此为body对象和textrea的默认值。在需要时剪切内容并添加滚动条
    hidden:不显示超过对象尺寸的内容。
    scroll:总是显示滚动条。


    实例

     代码如下 复制代码
    body { overflow: hidden; }
    div { overflow: scroll; height: 100px; 100px; }


    css

     代码如下 复制代码

    <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>111cn.net</title>
    <style type="text/css">
    #yc {
    180px;
    height:100px;
    overflow:hidden;
    }
    </style>
    </head>
    <body>
    <div id="yc">
    <table cellspacing="0" cellpadding="0">
    <tr>
    <td>111cn.net 专业div+css教程 111cn.net 专业div+css教程 111cn.net 专业div+css教程 </td>
    </tr>
    <tr>
    <td>111cn.net 专业div+css教程 111cn.net 专业div+css教程 111cn.net 专业div+css教程 </td>
    </tr>
    <tr>
    <td>111cn.net 专业div+css教程 111cn.net 专业div+css教程 111cn.net 专业div+css教程 </td>
    </tr>
    </table>
    </div>
    </body>
    </html>

     
  • 相关阅读:
    03server
    Storm介绍(一)
    storm总结
    Spring源码分析(七)扩展接口BeanPostProcessors源码分析
    技术大牛养成指南
    02装配bean
    02Activity
    maven构建项目
    IDEA使用
    从GIt上导出Maven项目
  • 原文地址:https://www.cnblogs.com/alibai/p/3560406.html
Copyright © 2011-2022 走看看