扫码关注官方订阅号
业精于勤,荒于嬉;行成于思,毁于随。
宽度不够肯定会挤下来,你可以用百分比宽度;
或者用一个大p 把你要并排显示的包起来 并且white-space:nowrap;overflow:hidden;或者white-space:nowrap;overflow:scroll;
着看你的需求,宽度不够肯定会有所改变,还是得看你的需求,不能在同一行时,那个p你想怎么样?
你可以设置一个最小宽度给最外层的p, 屏幕不可能无限小的,
如果你相适应各种宽度,那么就只能用媒体查询针对性的设置。
内部的宽度可以设置成百分比
百分比是一种思路媒体查询也可以flex也可以
给右边预留宽度就不会掉下来了
设置屏幕的最小宽度~
用一个大的p包起来然后设置一个min-width就可以了
左边不用float;display:inline就可以了;右边的float:right;!左边的如果不想要拆行的,text-overflow: ellipsis; 略掉就可以了;PS:看图才发现又遇到你了。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
宽度不够肯定会挤下来,你可以用百分比宽度;
或者用一个大p 把你要并排显示的包起来 并且
white-space:nowrap;overflow:hidden;
或者
white-space:nowrap;overflow:scroll;
着看你的需求,宽度不够肯定会有所改变,还是得看你的需求,不能在同一行时,那个p你想怎么样?
你可以设置一个最小宽度给最外层的p, 屏幕不可能无限小的,
如果你相适应各种宽度,那么就只能用媒体查询针对性的设置。
内部的宽度可以设置成百分比
百分比是一种思路
媒体查询也可以
flex也可以
给右边预留宽度就不会掉下来了
设置屏幕的最小宽度~
用一个大的p包起来
然后设置一个min-width就可以了
左边不用float;display:inline就可以了;右边的float:right;!左边的如果不想要拆行的,text-overflow: ellipsis; 略掉就可以了;PS:看图才发现又遇到你了。