如果使用javascript/jquery和css显示水平滚动,请将内容移到下一行

如果使用javascript/jquery和css显示水平滚动,请将内容移到下一行,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个包含几个div的分区…每当水平滚动出现在分区中时,我如何将隐藏的div移到下一行 HTML 我相信你需要两样东西: 媒体查询,因为您应该根据屏幕大小进行测试和设计,而不一定是像您所希望的那样的单个设备 换行:断开单词因为这将防止在某个div元素过长时出现水平滚动-该元素的内容将直接跳转到下一行 你会找到一个合适的屏幕大小,你希望在下一行移动并应用wordwrap:break-word到内部的div.num元素 然后,在您对较大设备的媒体查询中,您将不包括它,并且您的div元素将保

我有一个包含几个div的分区…每当水平滚动出现在分区中时,我如何将隐藏的div移到下一行

HTML


我相信你需要两样东西:

媒体查询,因为您应该根据屏幕大小进行测试和设计,而不一定是像您所希望的那样的单个设备

换行:断开单词因为这将防止在某个div元素过长时出现水平滚动-该元素的内容将直接跳转到下一行

你会找到一个合适的屏幕大小,你希望在下一行移动并应用
wordwrap:break-word
到内部的
div.num
元素


然后,在您对较大设备的媒体查询中,您将不包括它,并且您的div元素将保留为一行,并在必要时进行水平滚动

使用
display:inline块
代替
display:table单元格
。。或者只是
float:left
。你说的下一行是什么意思?我想用javascript来做…而不是普通的css…我想用不同的方式呈现screen@shaleen如果您使用css,这会自动发生。我不明白你为什么要用javascript来做这件事?在mac book中我想要滚动选项,在桌面上我不想要滚动。。
<section id="a">
<div class="num">
<div class="num">
<div class="num">
<div class="num">
<div class="num">
<div class="num">
</section>
.num
{
 position: relative;  display: table-cell;
}