草庐IT

scrolling_div

全部标签

html - 仅使用打印媒体查询将 div 放在最后一页

我有一个容器div,其中包含四个div:thisistopdivthisismiddle1divthisismiddle2divthisistopdiv当我打印这个html时,我只想将页脚div放在我打印的最后一页的底部。这是我的媒体查询:@mediaprint{#container{position:relative;}.middle1{display:inline-block;}.middle2{display:inline;}#footer{position:fixed;bottom:0;}}但这会将页脚div放在每个页面的底部。我只希望页脚div位于最后一页的底部。

html - 仅使用打印媒体查询将 div 放在最后一页

我有一个容器div,其中包含四个div:thisistopdivthisismiddle1divthisismiddle2divthisistopdiv当我打印这个html时,我只想将页脚div放在我打印的最后一页的底部。这是我的媒体查询:@mediaprint{#container{position:relative;}.middle1{display:inline-block;}.middle2{display:inline;}#footer{position:fixed;bottom:0;}}但这会将页脚div放在每个页面的底部。我只希望页脚div位于最后一页的底部。

javascript - 从两端调整一个div的大小

我正在制作一个div调整器,不能使用任何插件,因为我需要在它的基础上自定义很多东西。我已经完成了从右侧调整div大小的任务。在这里,我正在操纵阻力并相应地计算单位。如果我将拖动限制在右侧,则此脚本可以正常工作。但现在我的任务是在两端调整它的大小。我知道会应用一些技术。我尝试应用的一种技术是将div减半并注意与该中心点的距离,例如,如果中心是200px并且鼠标位于>10px然后我们可以从右边开始减小div,反之亦然。varhandle,measurement,isResizing;varpageWidth=$(window).width();varmaxUnit=300;varminUn

javascript - 从两端调整一个div的大小

我正在制作一个div调整器,不能使用任何插件,因为我需要在它的基础上自定义很多东西。我已经完成了从右侧调整div大小的任务。在这里,我正在操纵阻力并相应地计算单位。如果我将拖动限制在右侧,则此脚本可以正常工作。但现在我的任务是在两端调整它的大小。我知道会应用一些技术。我尝试应用的一种技术是将div减半并注意与该中心点的距离,例如,如果中心是200px并且鼠标位于>10px然后我们可以从右边开始减小div,反之亦然。varhandle,measurement,isResizing;varpageWidth=$(window).width();varmaxUnit=300;varminUn

javascript - AngularJs:-如何在 AngularJs 中将图片动态推送到 div 并上传到服务器

我正在尝试实现Crm类型的应用程序。我已经实现了一个小功能,我可以在其中从各种选项中选择一个div。我给了一个按钮来将图像推送到div中,还提供了ng样式来设置属性。问题是我已经使用ng-model将图像推送到div中。现在正因为如此,当我尝试将图像推送到一个新的div中时,我一遍又一遍地得到相同的图像。任何人都可以吗解决这个问题问题是我如何控制用户提供的图像和参数,并同时在UI中显示相同的内容。下面是我的代码..cms.html:-DisplayPicture1:*requiredDisplayPicture2:*requiredDisplayPicture3:*required{{

javascript - AngularJs:-如何在 AngularJs 中将图片动态推送到 div 并上传到服务器

我正在尝试实现Crm类型的应用程序。我已经实现了一个小功能,我可以在其中从各种选项中选择一个div。我给了一个按钮来将图像推送到div中,还提供了ng样式来设置属性。问题是我已经使用ng-model将图像推送到div中。现在正因为如此,当我尝试将图像推送到一个新的div中时,我一遍又一遍地得到相同的图像。任何人都可以吗解决这个问题问题是我如何控制用户提供的图像和参数,并同时在UI中显示相同的内容。下面是我的代码..cms.html:-DisplayPicture1:*requiredDisplayPicture2:*requiredDisplayPicture3:*required{{

html - 仅在直接父级悬停时显示 div

我试图让一个div在您只悬停它的直接父div时出现。现在,当您将鼠标悬停在该类型的任何div上时,div就会显示出来。看这个simpleexample的问题。如何让.menudiv仅在鼠标直接悬停在该div(而不是它的子div)上时显示?.widget{width:150px;height:150px;background-color:#ddd;position:relative;}.menu{background-color:#444;display:flex;position:absolute;top:0;display:none;}.widget:hover>.menu{disp

html - 仅在直接父级悬停时显示 div

我试图让一个div在您只悬停它的直接父div时出现。现在,当您将鼠标悬停在该类型的任何div上时,div就会显示出来。看这个simpleexample的问题。如何让.menudiv仅在鼠标直接悬停在该div(而不是它的子div)上时显示?.widget{width:150px;height:150px;background-color:#ddd;position:relative;}.menu{background-color:#444;display:flex;position:absolute;top:0;display:none;}.widget:hover>.menu{disp

html - Div 在 flexbox 中作为正方形

我有一个不知道如何解决的CSS问题。情况如下。我有一个这是一个flex-item,它垂直拉伸(stretch)以填充其flex-container的可用高度。这取决于浏览器窗口的大小是一个矩形,有时高比宽,有时宽比高。现在我想定位另一个在这个矩形的内部,它应该是一个正方形。它应该相对于周围的矩形尽可能大,但它必须始终完全可见。创建正方形的典型方法是设置padding-bottom到百分比值(与宽度的百分比值相同)。这实际上创建了一个正方形,但由于在这种方法中高度始终跟随宽度,因此如果宽度大于高度,它会拉伸(stretch)外部矩形。我怎样才能解决这个问题,使正方形始终包含在由flexb

html - Div 在 flexbox 中作为正方形

我有一个不知道如何解决的CSS问题。情况如下。我有一个这是一个flex-item,它垂直拉伸(stretch)以填充其flex-container的可用高度。这取决于浏览器窗口的大小是一个矩形,有时高比宽,有时宽比高。现在我想定位另一个在这个矩形的内部,它应该是一个正方形。它应该相对于周围的矩形尽可能大,但它必须始终完全可见。创建正方形的典型方法是设置padding-bottom到百分比值(与宽度的百分比值相同)。这实际上创建了一个正方形,但由于在这种方法中高度始终跟随宽度,因此如果宽度大于高度,它会拉伸(stretch)外部矩形。我怎样才能解决这个问题,使正方形始终包含在由flexb