javascript - 左右浮动的时候,屏幕缩小div会掉下来;
迷茫
迷茫 2017-04-11 13:26:14
[JavaScript讨论组]

最层不能给固定宽度,要做自适应,我用的是左右浮动,但是遇到缩小的时候左边的p就因为没有空间而会掉下来,有没好的解决方法;

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(8)
PHP中文网

宽度不够肯定会挤下来,你可以用百分比宽度;

或者用一个大p 把你要并排显示的包起来 并且
white-space:nowrap;overflow:hidden;
或者
white-space:nowrap;overflow:scroll;

高洛峰

着看你的需求,宽度不够肯定会有所改变,还是得看你的需求,不能在同一行时,那个p你想怎么样?

天蓬老师

你可以设置一个最小宽度给最外层的p, 屏幕不可能无限小的,

如果你相适应各种宽度,那么就只能用媒体查询针对性的设置。

内部的宽度可以设置成百分比

PHP中文网

百分比是一种思路
媒体查询也可以
flex也可以

PHP中文网

给右边预留宽度就不会掉下来了

PHP中文网

设置屏幕的最小宽度~

PHP中文网

用一个大的p包起来
然后设置一个min-width就可以了

高洛峰

左边不用float;display:inline就可以了;右边的float:right;!左边的如果不想要拆行的,text-overflow: ellipsis; 略掉就可以了;PS:看图才发现又遇到你了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号