zoukankan      html  css  js  c++  java
  • 转:div超出范围显示省略号

    转自:http://www.111cn.net/cssdiv/56/32997.htm

    <html >
    <head>
    <title>css div宽度自动隐藏并且显省略号</title>
    <meta http-equiv="content-type" content="text/html;charset=gb2312">
    <!--把下面代码加到<head>与</head>之间-->
    <style type="text/css">
     #abc{
     display:block;/*内联对象需加*/
     200px;
     word-break:keep-all;/* 不换行 */
     white-space:nowrap;/* 不换行 */
     overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
     text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使*/
     }
     #cde{
      200px; /* 必须设置宽度 */
      word-break:keep-all;/* 不换行 */
      white-space:nowrap;/* 不换行 */
      overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
      text-overflow:ellipsis;/
     }
    </style>
    </head>
    <body>
    <div  id="abc">
    fdsafdsaklfdjsaklf;djakl;fdjsakf;djsakfldajfklda;fjdsakl
    </div>
    <div  id="cde">
    XXXXXXXXXXXXXXXXXXXXXSADFDFDSFDSFDSFDSFDSFSDX
    </div>
    </body>
    </html>

  • 相关阅读:
    十天冲刺4
    单词统计
    十天冲刺3
    学习进度第十周
    十天冲刺2
    十天冲刺1
    梦断代码阅读笔记03
    学习进度第九周
    [强网杯 2019]Upload
    [2020 新春红包题]1
  • 原文地址:https://www.cnblogs.com/wdw31210/p/2969718.html
Copyright © 2011-2022 走看看