如何使绝对定位内部元素不继承父级宽度,而是靠内容自动撑开宽度?


如何使绝对定位内部元素不继承父级宽度,而是靠内容自动撑开宽度?

经常写hover  效果的时候,不经意间,父级有宽度,而hover 里的内容是撑开的,正常情况下 hover 的宽度,不是撑开的就会继承父级的宽度:例如hover 文字撑开一行,撑开的,但是父级有宽度,就会继承父级导致hover 里的文字换行。这往往是我们不想要的。解决办法就是,white-space:nowrap 属性。根本不用写js。用法就是在需要宽度自动撑开的元素上面添加样式:

white-space:nowrap


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM