Jquery DeviceArt如何根据浏览器窗口的宽度在页面上动态添加新内容?

Jquery DeviceArt如何根据浏览器窗口的宽度在页面上动态添加新内容?,jquery,css,ajax,Jquery,Css,Ajax,转到并向下滚动,检查显示您正在查看每日偏差的区域。如果浏览器窗口足够宽,则会显示新内容,并显示另一个图形,所有内容都会在浏览器中居中。deviantart是如何做到这一点的 我尝试创建一个div,将其设置为“高度”,并将“溢出”设置为“隐藏”,这样,当浏览器增加时,就会显示新内容。但是,问题是它没有以内容为中心。因此,当浏览器达到一定大小时,右侧会有一个难看的边距 谢谢 我认为他们对容器使用了灵活的宽度和尺寸,即您用%指定的容器。它可能被称为流体布局或其他东西 是的,我试过了。它是有效的,但我唯

转到并向下滚动,检查显示您正在查看每日偏差的区域。如果浏览器窗口足够宽,则会显示新内容,并显示另一个图形,所有内容都会在浏览器中居中。deviantart是如何做到这一点的

我尝试创建一个div,将其设置为“高度”,并将“溢出”设置为“隐藏”,这样,当浏览器增加时,就会显示新内容。但是,问题是它没有以内容为中心。因此,当浏览器达到一定大小时,右侧会有一个难看的边距


谢谢

我认为他们对容器使用了灵活的宽度和尺寸,即您用%指定的容器。它可能被称为流体布局或其他东西


是的,我试过了。它是有效的,但我唯一的问题是我无法使它居中。原因是,每当内容溢出浏览器窗口时,div在浏览器窗口中保持左对齐,即使使用文本align:center。当我只希望内容居中时,这会导致右边距难看。@user594623使用带自动边距的div.wrapper或难看的解决方案将内容用自动宽度包装在3列的第2列中。您可以给我示例代码吗?我尝试了你的方法,但仍然无法集中我的内容。记住,当浏览器窗口太小时,DeviceArt站点会隐藏内容。无论何时隐藏我的div,视图中的元素都保持左对齐。