這篇“css設(shè)置文字1行的方法”文章，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“css設(shè)置文字1行的方法”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。

創(chuàng)新互聯(lián)公司從2013年創(chuàng)立，公司以做網(wǎng)站、網(wǎng)站建設(shè)、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計等為主要業(yè)務(wù)，適用行業(yè)近百種。服務(wù)企業(yè)客戶1000多家，涉及國內(nèi)多個省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計、宣傳推廣等服務(wù)。 通過專業(yè)的設(shè)計、獨特的風(fēng)格，為不同客戶提供各種風(fēng)格的特色服務(wù)。

css是什么意思

css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言，主要是用來設(shè)計網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結(jié)構(gòu)決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進行格式化。

css設(shè)置文字1行的方法：首先設(shè)置“inline-block;”屬性；然后通過“white-space: nowrap;”屬性實現(xiàn)文字強制不換行；最后實現(xiàn)隱藏超出部分即可。

CSS 設(shè)置文字只顯示一行，多余顯示省略號

CSS 設(shè)置文字只顯示一行

.view-text{
  /**
思路：
1.設(shè)置inline-block屬相
2.強制不換行
3.固定高度
4.隱藏超出部分
5.顯示“……”
  */
  display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;
}

附：顯示兩行

<div class="text2">熱賣精選：從子頻道（服飾鞋包，親子，居家，美妝）檔期里面挑選出來，庫存大于30%的高信價比商品list，數(shù)量為50個</div>
/**
思路：
1.超出的文本隱藏
2.溢出用省略號顯示
3.溢出不換行
4.將對象作為彈性伸縮盒子模型顯示
5.從上到下垂直排列子元素（設(shè)置伸縮盒子的子元素排列方式）
6.這個屬性不是css的規(guī)范屬性，需要組合上面兩個屬性，表示顯示的行數(shù)
  */
  .text2{
width:200px;
word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

以上是“css設(shè)置文字1行的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標(biāo)題：css設(shè)置文字1行的方法
瀏覽地址：http://chinadenli.net/article32/geodsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計、搜索引擎優(yōu)化、全網(wǎng)營銷推廣、網(wǎng)站內(nèi)鏈、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)