目錄
前言
需求
解決思路：
總結
結果
前言
我是歌謠 我有個兄弟 巔峰的時候排名c站總榜19 叫前端小歌謠 曾經我花了三年的時間創作了他 現在我要用五年的時間超越他 今天又是接近兄弟的一天人生難免坎坷 大不了從頭再來 歌謠的意志是永恒的 放棄很容易 但是堅持一定很酷
需求
今天我們公司領導找我 說這邊有個需求需要你做一下 你的樣式錯位了
解決思路：
全文用了彈性布局 這個文字一多就會溢位了 這個時候就需要進行一個溢位處理
我們來看看處理的代碼 最終結果
.myRight_content_header_left{
width:200px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
.myRight_content_header_left_text{
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 40px;
}
}總結
要點1 需要用盒子包裝樣式
要點2text-overflow: ellipsis;white-space: nowrap;overflow: hidden;這段代碼
結果
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/379196.html
標籤：其他
上一篇：React中的Hooks是什么？
下一篇：如何呼叫另一個類的成員函式？