调整窗口大小时防止元素换行

乔恩·拉默

调整窗口大小时如何防止正方形包裹?

我希望方块保持在其位置,但是每次我调整窗口大小时,它们都会被推下并被隐藏。

该示例当前正在运行,但是使之成为可能的解决方案太荒谬了。

是否有“更清洁”的方式,或者如何使它看起来更专业?

我的JSFiddle示例

.content {
    width: 100000000px;
}
乔什·克罗齐耶(Josh Crozier)

除去position:absoluteoverflow:hidden从父元素。

由于元素是inline-block,您可以white-space:nowrap用来防止它们包装。如果这不是理想的效果,则只需将其删除即可。

jsFiddle示例

#container {
    width: 100%;
    height: 100px;
    white-space:nowrap;
}
.square {
    display: inline-block;
    width: 100px;
    height: 100px;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

调整大小时不要重绘窗口

来自分类Dev

调整窗口大小时布局变形

来自分类Dev

调整窗口大小时对齐方式更改

来自分类Dev

调整窗口元素大小时移动

来自分类Dev

调整窗口大小时如何实时检测元素高度?

来自分类Dev

从左侧调整大小时窗口闪烁

来自分类Dev

调整浏览器窗口大小时如何防止div元素下降?

来自分类Dev

防止窗口调整大小时发生无限循环

来自分类Dev

如何防止导航栏在窗口调整大小时转移?

来自分类Dev

调整浏览器窗口大小时,li元素重叠

来自分类Dev

调整大小时如何防止图像填充整个Tkinter窗口?

来自分类Dev

调整窗口大小时保持圆圈的长宽比

来自分类Dev

在调整窗口大小时,如何防止使用HTML-CSS移动图像?

来自分类Dev

调整窗口大小时删除<br />标签

来自分类Dev

调整窗口大小时在Bootstrap网格内居中的元素

来自分类Dev

调整窗口大小时如何避免导航栏元素重叠?

来自分类Dev

仅在调整窗口大小时防止div重叠(带有样式组件)

来自分类Dev

vuejs在窗口调整大小时获取参考元素的高度

来自分类Dev

防止窗口调整大小时发生无限循环

来自分类Dev

调整窗口大小时如何保持元素居中

来自分类Dev

如何防止导航栏在窗口调整大小时转移?

来自分类Dev

在窗口调整大小时隐藏元素

来自分类Dev

调整大小时混乱的元素

来自分类Dev

调整窗口大小时如何防止标签折叠或显示汉堡包?

来自分类Dev

调整窗口大小时如何防止按钮移动

来自分类Dev

在 Bootstrap 中调整窗口大小时停止元素移动

来自分类Dev

调整窗口大小时,如何使特定元素最后减少?

来自分类Dev

调整窗口大小时元素相互重叠

来自分类Dev

Tkinter:当用户调整窗口大小时,禁用文本小部件内容自动调整大小(换行符)

Related 相关文章

  1. 1

    调整大小时不要重绘窗口

  2. 2

    调整窗口大小时布局变形

  3. 3

    调整窗口大小时对齐方式更改

  4. 4

    调整窗口元素大小时移动

  5. 5

    调整窗口大小时如何实时检测元素高度?

  6. 6

    从左侧调整大小时窗口闪烁

  7. 7

    调整浏览器窗口大小时如何防止div元素下降?

  8. 8

    防止窗口调整大小时发生无限循环

  9. 9

    如何防止导航栏在窗口调整大小时转移?

  10. 10

    调整浏览器窗口大小时,li元素重叠

  11. 11

    调整大小时如何防止图像填充整个Tkinter窗口?

  12. 12

    调整窗口大小时保持圆圈的长宽比

  13. 13

    在调整窗口大小时,如何防止使用HTML-CSS移动图像?

  14. 14

    调整窗口大小时删除<br />标签

  15. 15

    调整窗口大小时在Bootstrap网格内居中的元素

  16. 16

    调整窗口大小时如何避免导航栏元素重叠?

  17. 17

    仅在调整窗口大小时防止div重叠(带有样式组件)

  18. 18

    vuejs在窗口调整大小时获取参考元素的高度

  19. 19

    防止窗口调整大小时发生无限循环

  20. 20

    调整窗口大小时如何保持元素居中

  21. 21

    如何防止导航栏在窗口调整大小时转移?

  22. 22

    在窗口调整大小时隐藏元素

  23. 23

    调整大小时混乱的元素

  24. 24

    调整窗口大小时如何防止标签折叠或显示汉堡包?

  25. 25

    调整窗口大小时如何防止按钮移动

  26. 26

    在 Bootstrap 中调整窗口大小时停止元素移动

  27. 27

    调整窗口大小时,如何使特定元素最后减少?

  28. 28

    调整窗口大小时元素相互重叠

  29. 29

    Tkinter:当用户调整窗口大小时,禁用文本小部件内容自动调整大小(换行符)

热门标签

归档