整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML+CSS前端開發 隱藏表單 上傳表單 readonly disabled屬性

          紹input[type="hidden"],input[type="file"]兩種特殊的表單元素,readonly disabled只讀屬性與禁用屬性的區別于使用場景。

          篇文章主要給大家介紹一下在html頁面中如何讓單行文本以及多行文本溢出顯示省略號(…)。

          1)單行文本溢出顯示省略號

          當我們在編寫網頁代碼的時候,肯定會遇到過文字列表中的文字太多超出了我們所寫的寬度,導致文本換行或者文本超出了界限,這時有人就會說了,讓后臺限制一下調用的文字個數不就行了嗎,但是我們在做響應式的時候由于是百分比布局,無法計算一行會顯示多少個文字,所以這并不是一個好的解決方案,我們使用css3就可以輕松的實現,而且簡單好用。

          核心css語句:

          1、overflow:hidden; (顧名思義超出限定的寬度就隱藏內容)

          2、white-space: nowrap; (設置文字在一行顯示不能換行)

          3、text-overflow: ellipsis;(規定當文本溢出時顯示省略符號來代表被修剪的文本)

          我們具體的代碼效果演示就如下圖所示:(設置ul寬度為300,超出的文字內容讓其自動隱藏并顯示...)

          2)多行文本溢出顯示省略號

          我們在編寫網頁代碼時,有時候新聞列表頁中新聞簡介可能有一行或者多行,我們要如何處理這種問題,讓其超出多行后還能顯示省略號呢,不要慌,我們css還是很強大的,已經給我們提供了方法來處理這種問題了。

          核心css語句:

          1、-webkit-line-clamp:2; (用來限制在一個塊元素顯示的文本的行數,2表示最多顯示2行。 為了實現該效果,它需要組合其他的WebKit屬性)

          2、display: -webkit-box; (和1結合使用,將對象作為彈性伸縮盒子模型顯示 )

          3、-webkit-box-orient:vertical;( 和1結合使用 ,設置或檢索伸縮盒對象的子元素的排列方式 。)

          4、overflow:hidden; (顧名思義超出限定的寬度就隱藏內容)

          5、text-overflow: ellipsis;(規定當文本溢出時顯示省略符號來代表被修剪的文本)

          我們具體的代碼效果演示就如下圖所示:(設置段落p寬度為300,超出2行的文字內容讓其自動隱藏并顯示...)

          好了,本篇文章就給大家說到這里,大家自己下來可以自己找例子寫一下試一試到底能不能實現我們所說的效果,以后在寫頁面的的遇到這種問題的時候直接復制使用即可。

          每日金句:必須從過去的錯誤學習教訓而非依賴過去的成功。喜歡我的文章的小伙伴記得關注一下哦,每天將為你更新最新知識。

          、檢查httpd是否開啟

          [root@UL01 ~]# service httpd status

          2、開啟httpd服務

          [root@UL01 ~]# service httpd start

          3、檢查httpd版本信息

          [root@UL01 ~]# curl -I 192.168.169.134

          HTTP/1.1 403 Forbidden

          Date: Mon, 16 Oct 2017 04:40:10 GMT

          Server: Apache/2.2.15 (CentOS)

          Accept-Ranges: bytes

          Content-Length: 5039

          Connection: close

          Content-Type: text/html; charset=UTF-8

          [root@UL01 ~]#

          4、修改httpd.conf 配置信息

          [root@UL01 ~]# cp -p /etc/httpd/conf/httpd.conf /etc/httpd/conf/httpd.conf_bak

          把 ServerTokens OS 改成 Prod

          [root@UL01 ~]# vim /etc/httpd/conf/httpd.conf

          5、修改完畢后按 wq 退出并保存,重啟httpd服務

          [root@UL01 ~]# service httpd restart

          6、再次檢查http的web版本信息,

          7、隱藏版本成功


          主站蜘蛛池模板: 伊人久久一区二区三区无码| 亚洲av鲁丝一区二区三区| 国产一区二区福利| 日韩精品一区在线| 亚洲制服丝袜一区二区三区| 日本一区二区三区高清| 亚洲片一区二区三区| 日韩精品一区二区三区中文版| 亚洲美女一区二区三区| 一区二区三区在线|欧| 亚洲综合色自拍一区| 久久精品中文字幕一区| 国产福利电影一区二区三区久久老子无码午夜伦不 | www一区二区www免费| 在线精品自拍亚洲第一区| 成人区人妻精品一区二区三区| 精品欧洲av无码一区二区14| 久久久国产精品亚洲一区| 久久久久人妻一区二区三区vr| 亚洲AV成人一区二区三区AV| 日韩精品一区二区三区四区| 久久se精品动漫一区二区三区| 精品视频一区二区三区免费| 精品一区二区三区免费 | 国产未成女一区二区三区| 国产精品一区视频| 日韩免费无码一区二区视频| 精品乱码一区内射人妻无码 | 亚洲国产日韩在线一区| 人妻视频一区二区三区免费| 日韩精品一区二区三区毛片| 日本强伦姧人妻一区二区| 国产高清在线精品一区小说| 成人免费区一区二区三区| 亚洲一区二区三区电影| 无码一区二区三区AV免费| 精品无码一区二区三区水蜜桃| 国产av福利一区二区三巨| 国偷自产一区二区免费视频| 日韩人妻一区二区三区蜜桃视频| 中文字幕乱码一区久久麻豆樱花|