作為乙個前端切圖仔，一定會遇到內頁面布局的時候內容顯示，太短或者太長，看著特別不舒服的時候，直接設定寬度？
下面介紹幾種常見的解決方式
1、 overflow-wrap
/* css 屬性 overflow-wrap 是用來說明當乙個不能被分開的字串太長而不能填充其包裹盒時，為防止其溢位，瀏覽器是否允許這樣的單詞中斷換行。*/
/* 不做任何設定
*/#demo
/* 新增防止中斷
*/#demo
/*css 屬性 hyphens 告知瀏覽器在換行時如何使用連字元連線單詞。可以完全阻止使用連字元，也可以控制瀏覽器什麼時候使用，或者讓瀏覽器決定什麼時候使用。*/
/* 不做任何設定
*/#demo
/* 新增防止中斷
*/#demo
/*截斷是指在句子的末尾新增點，以表明有更多的文字內容。 */
/*新增防止中斷 */
#demo
/*要截斷多個行，可以使用line-clamp屬性。注意點文字不要設定padding，否則會出現文字顯示一半的情況*/
#demo
/* 對於有的不適用換行隱藏的內容可以使用水平滾動*/
#demo
/*對於同乙個內容會出現顯示不一致的情況看著特別的不好看，這裡我們就可以用最小寬度或者最大寬度來處理*/
.buttom
/*第一種*/
#demo
class
="container"
>
class
="con-text"
>
class
="text"
>
ahmad shadeedh3
>
div>
class
="btn"
>
followbutton
>
div>
/*第二種*/
.container
.text
.con-text
個人資料：內容隱藏
導航：設定最大或者最小寬度
手機端內容橫向或者豎向滾動
文字中的內容偏移：
CSS 01學習筆記
css網頁美容師 讓html從樣式中脫離開來，實現html專注去做結構呈現，樣式交給css 作用 設定版面的布局和外觀顯示樣式 一 引入css樣式表 1 行內式 內聯樣式 標籤名 style 屬性1 屬性值1 屬性2 屬性值2 屬性3 屬性值3 內容style color red font size...
CSS 01 基礎對齊設定
css 1 white space 處理文字中的空白符，比如空格和換行符 值 normal 預設。空白會被瀏覽器忽略。pre 空白會被瀏覽器保留。其行為方式類似 html 中的標籤。nowrap 文字不會換行，文字會在在同一行上繼續，直到遇到 標籤為止 例子 開票單位 2 display flex ...
前端學習之CSS（01）概述及新增方式
html 網頁的內容 css 內容的樣式 charset utf 8 title head 天使投資指早期投資，尤其指個人早期投資。p vc，venture capital，所謂風險投資 創業投資，是相對靠前的非公開市場股權投資。p pe,private equity,所謂私募資本 非公開市場資本，...