亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS怎么將超出的文本隱藏并用省略號代替

發布時間:2022-03-23 13:38:52 來源:億速云 閱讀:159 作者:iii 欄目:web開發

今天小編給大家分享一下CSS怎么將超出的文本隱藏并用省略號代替的相關知識點,內容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。

  在CSS中文本超出可以使用overflow:hidden來隱藏以及CSS中的text-overflow屬性給隱藏部分添加省略號

  經常在寫頁面的時候會碰到文字內容太多超過盒子內容對于這種情況我們會常常用overflow:hidden來隱藏,但是今天就要告訴大家一個新的小知識點,我們可以用它將超出部分的文章隱藏,并用省略號代替,接下來將在文章中具體和大家介紹

  html代碼

  p{

  width:300px;

  height:30px;

  border:1pxsolid#ccc;

  text-align:center;

  font-size:12px;

  line-height:30px;

  }

  </style>

  </head>

  <body>

  <p>php中文網提供大量免費、原創、高清的php視頻教程,并定期舉行公益php培訓!可邊學習邊在線修改示例代碼,查看執行效果!

  php從入門到精通,一站式php自學平臺!</p>

  Image18.jpg

  text-overflow屬性

  規定當文本溢出包含元素時發生的事情,它是CSS3中的屬性,它有三個值分別為

  clip:修剪文本,將超出部分刪除

  text-overflow:clip;

  overflow:hidden;

  white-space:nowrap;規定段落中的文本不進行換行

  Image16.jpg

  ellipsis:用省略號來代替被刪除的內容

  text-overflow:ellipsis;

  overflow:hidden;

  white-space:nowrap;

以上就是“CSS怎么將超出的文本隱藏并用省略號代替”這篇文章的所有內容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

新建县| 南开区| 东山县| 东乡县| 永新县| 九龙城区| 囊谦县| 天等县| 双鸭山市| 德保县| 杭锦旗| 舞钢市| 石嘴山市| 龙南县| 芒康县| 麻城市| 西林县| 台湾省| 德令哈市| 焦作市| 英山县| 大新县| 云南省| 措勤县| 凌云县| 孝感市| 常德市| 泉州市| 抚宁县| 江川县| 光山县| 清水河县| 石家庄市| 治多县| 瑞安市| 于田县| 利川市| 山西省| 长汀县| 汉阴县| 浑源县|