一，當if的時候，很容易忘記相對的else,從而出現bug，要將背面消息考慮全面。
二，多個元素在同一行布局的時候，要考慮文字的換行還是省略號代替。

例如：左邊一個文字，寬度不固定，右邊一個圖形，寬度固定。左邊文字多的時候，在小屏手機上不換行，用省略號代替，然而在大屏手機上還可以顯示比小屏手機多一些字數，這樣保證所有元素對齊并且保持在一行。
結構：

<div class="container"><div class="left-text"><span>此處的文字字數不固定</span></div><div class="right-graf"><i></i></div> </div> style: .container: {display: flex;flex-item: center; } .right-graf: {width: 120px;//固定寬度i {箭頭樣式；省略。。。。} } .left-text: {//此樣式可以保證在小屏手機上不換行，用省略號代替多余的文字，在大屏手機上可以顯示更多文字。max-width: 160px;//此寬度為在小屏手機例如ipone5上在右邊寬度固定的情況下，能夠使文字不換行的最大寬度white-space: nowrap;//不換行overflow: hidden;text-overflow: ellipsis;//省略號代替 }

轉載于:https://www.cnblogs.com/this-xiaoming/p/9270941.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的一些意想不到的小bug。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。