如果使用javascript/jquery和css存在水平滚动，则将内容移到下一行
如果使用javascript/jquery和css存在水平滚动，则将内容移到下一行
提问于 2014-03-20 06:35:34
我有一个包含几个div...whenever水平卷轴的部分，我如何将隐藏的div移到下一行.
HTML
<section id="a">
<div class="num">
<div class="num">
<div class="num">
<div class="num">
<div class="num">
<div class="num">
</section>CSS
.num
{
position: relative; display: table-cell;
}Stack Overflow用户
回答已采纳
发布于 2014-03-20 07:00:12
我相信你需要两件事：
媒体查询，因为您应该根据屏幕大小进行测试和设计，而不一定像您看起来想要的那样单独的设备。
word-wrap:break-word;，因为这将防止水平滚动出现，如果其中一个div元素太长-元素的内容将跳转到下一行。
您将找到一个合适的屏幕大小，您希望通过这个大小进行下一行转换，并将word-wrap:break-word;应用到div.num元素中。
然后，在大型设备的媒体查询中，只需不包含它，如果有必要，div元素将保持一行水平滚动。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22525210
复制相关文章
相似问题
腾讯云开发者
