如何使絕對定位內部元素不繼承父級寬度,而是靠內容自動撐開寬度?


如何使絕對定位內部元素不繼承父級寬度,而是靠內容自動撐開寬度?

經常寫hover  效果的時候,不經意間,父級有寬度,而hover 里的內容是撐開的,正常情況下 hover 的寬度,不是撐開的就會繼承父級的寬度:例如hover 文字撐開一行,撐開的,但是父級有寬度,就會繼承父級導致hover 里的文字換行。這往往是我們不想要的。解決辦法就是,white-space:nowrap 屬性。根本不用寫js。用法就是在需要寬度自動撐開的元素上面添加樣式:

white-space:nowrap


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM