前言:
目前大家对“htmldiv自动换行”大致比较注重,兄弟们都需要剖析一些“htmldiv自动换行”的相关知识。那么小编在网上搜集了一些有关“htmldiv自动换行””的相关知识,希望姐妹们能喜欢,兄弟们一起来学习一下吧!当内容超出div时,自动出现滚动条的条件: 1、内容必须在div中; 2、div要设置宽高; 3、overflow 设置 auto;
备注:
1、overflow:auto; 当内容宽度超出div宽度,或者内容高度超出div宽度,或者同时超出,会自动出现水平、或者垂直、或者水平和垂直滚动条;2、overflow-x:auto; 当内容宽度超出div宽度,自动出现水平滚动条;3、overflow-y:auto; 当内容宽度超出div高度,自动出现垂直滚动条;注意: 设置好后会自动换行; white-space:nowrap; 这个会强制文字在同一行显示
注意:
当 div 中的内容是文字时,当文字长度超出div宽度时是不会出现横向滚动条的,即使设置了 overflow:auto; 或者 overflow-x:auto; 。原因是当文字长度超出 div 宽度时,会自动换行。
解决办法:
在设置了 overflow:auto; 或者 overflow-x:auto; 的同时,还得设置 white-space:nowrap; 。white-space:nowrap; 会强制文字在同一行显示;
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #htmldiv自动换行