Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产高清第一页,在线看视频你懂的,欧美色图亚洲天堂

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          css控制字?jǐn)?shù),超出部分就顯示省略號

          時候需要控制下文字?jǐn)?shù),不然就會溢出,頁面就會變樣不美觀。這時我們就可以用css控制字?jǐn)?shù),超出部分顯示省略號??梢圆粨Q行,超出部分顯示省略號,也可以可以換行,多行,超出部分顯示省略號。

          1.不換行,超出部分顯示省略號

          <!Doctype html>
          <html>
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
          <title>用css控制字?jǐn)?shù),超出部分顯示省略號</title>
          <style type="text/css">
          *{margin:0;padding:0;}
          body{width:1000px;margin:100px auto;}
          .box{
          width:260px;
          /*超出部分就隱藏*/
          overflow:hidden;
          /*不換行設(shè)定*/
          white-space:nowrap;
          /*超出部分的文字顯示省略號*/
          text-overflow:ellipsis;
          }
          </style>
          </head>
          <body>
          <div class="box">用css控制字?jǐn)?shù),超出部分顯示省略號用css控制字?jǐn)?shù),超出部分顯示省略號</div>
          </body>
          </html>
          

          效果圖如下:

          2.可以換行,多行,超出部分顯示省略號

          <!Doctype html>
          <html>
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
          <title>可以換行,多行,超出部分顯示省略號</title>
          <style type="text/css">
          *{margin:0;padding:0;}
          body{width:1000px;margin:100px auto;}
          .box{
          width:260px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          /*2行*/
          -webkit-line-clamp: 2;
          overflow: hidden;
          }
          </style>
          </head>
          <body>
          <div class="box">1.用css控制字?jǐn)?shù),超出部分顯示省略號用css控制字?jǐn)?shù),超出部分顯示省略號</div>
          <div class="box">2.用css控制字?jǐn)?shù),超出部分顯示省略號用css控制字?jǐn)?shù),超出部分顯示省略號</div>
          </body>
          </html>
          

          效果圖如下:

          注:此方法適用于WebKit瀏覽器及移動端。

          除注明外的文章,均為來源:湯久生博客,轉(zhuǎn)載請保留本文地址!

          原文地址:http://tangjiusheng.com/divcss/169.html

          下面這個 HTML 表單帶有最大長度分別是 85 和 55 個字符的兩個輸入字段:

          <form action="ybb.php" method="get">
            <p>Name: <input type="text" name="fullname" maxlength="85" /></p>
            <p>Email: <input type="text" name="email" maxlength="55" /></p>
            <input type="submit" value="Submit" />
          </form>

          親自試一試

          定義和用法

          maxlength 屬性規(guī)定輸入字段的最大長度,以字符個數(shù)計。

          maxlength 屬性與 <input type="text"> 或 <input type="password"> 配合使用。

          語法

          <input maxlength="value">

          屬性值

          值描述characters輸入字段中允許的最大字符數(shù)。

          另外還有

          、將富文本html內(nèi)容轉(zhuǎn)換為純文本

          formatrichtext = (richtext, len = 0) => {
              let content = richtext.replace(/<.+?>/g, '');    
              content = content.replace(/ /ig, ''); /* 去除  */    
              content = content.replace(/\s/ig, ''); /* 去除空格 */
              return content;
          }

          2、限制展示的文本長度


          主站蜘蛛池模板: 无码人妻精品一区二区三18禁| 中文字幕一区二区人妻| 另类一区二区三区| 日韩美一区二区三区| 国产精品毛片一区二区三区| 国产成人一区二区精品非洲| 亚洲一区二区三区免费视频| 久久久99精品一区二区| 精品国产日韩一区三区| 亚洲午夜精品一区二区麻豆| 中文字幕日韩一区| 久久精品一区二区三区日韩| 亚洲一区二区三区乱码A| 免费观看日本污污ww网站一区 | 麻豆天美国产一区在线播放 | 免费一本色道久久一区| 无码人妻精品一区二区| 中文字幕VA一区二区三区| 亚洲免费视频一区二区三区| 国产人妖视频一区在线观看| 国产福利无码一区在线| 国产精品视频一区| 日韩在线视频不卡一区二区三区| 一本久久精品一区二区| 亚洲av色香蕉一区二区三区蜜桃| 2021国产精品一区二区在线 | 色窝窝无码一区二区三区色欲| 亚洲国产综合精品一区在线播放| 精品一区二区三区视频在线观看| 少妇人妻精品一区二区| 日韩免费无码一区二区视频| 国产精品一区二区无线| 一区二区三区免费在线视频| 无码人妻一区二区三区精品视频| www亚洲精品少妇裸乳一区二区| www一区二区www免费| 中文字幕乱码一区二区免费| 中文字幕一区二区三区久久网站| 精品国产AV一区二区三区| 久久精品免费一区二区喷潮 | 亚洲一区二区三区成人网站|