整合營銷服務商

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

          免費咨詢熱線:

          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、隱藏版本成功


          主站蜘蛛池模板: 国产精品亚洲一区二区三区在线观看| 99久久精品国产一区二区成人| 国产乱码精品一区二区三区四川人 | 一区二区免费在线观看| 亚洲欧美日韩一区二区三区在线 | 伊人久久一区二区三区无码| 国产成人精品无码一区二区| 亚洲国产精品一区二区久| 国产成人久久精品区一区二区 | 高清在线一区二区| 国产一区在线视频| 精品福利一区二区三区免费视频 | 国产成人综合精品一区| 青青青国产精品一区二区| 在线观看中文字幕一区| 丝袜人妻一区二区三区网站| 91久久精品国产免费一区 | 一区二区不卡久久精品| 一区二区三区观看免费中文视频在线播放 | 性色av一区二区三区夜夜嗨| 狠狠做深爱婷婷综合一区 | 国产亚洲一区二区三区在线不卡| 无码人妻少妇色欲AV一区二区 | 亚洲AⅤ视频一区二区三区| 无码国产精品一区二区免费3p| 亚洲AV噜噜一区二区三区| 国产在线精品一区二区三区不卡 | 国产日韩精品视频一区二区三区 | 日韩在线一区二区| 手机看片一区二区| 亚洲av无码片vr一区二区三区| 日本精品高清一区二区| 国精产品999一区二区三区有限| 伊人久久大香线蕉av一区| 在线日韩麻豆一区| 一区二区不卡在线| 夜夜添无码试看一区二区三区| 国产成人精品一区二区三区免费| 国产成人亚洲综合一区| 国产自产在线视频一区| 波多野结衣一区二区三区高清在线 |