草庐IT

DIV_TERRITORIOS

全部标签

html - Bootstrap - 将 DIV 对齐到顶部、中间和底部

我需要在一个容器DIV中包含三个DIV,它们都水平居中。第一个需要与容器的垂直顶部对齐,第二个需要与垂直中心对齐,第三个需要与垂直底部对齐。这是ananswer垂直放置一个div,但不处理其他元素。另一个答案here,但是如何将需要垂直对齐的DIV添加到顶部和底部?这是HTML:TopDIVMiddleDIVBottomDIV 最佳答案 对于这个HTML:TopDIVMiddleDIVBottomDIV这个CSS:.carousel-caption{padding:0;}.vtop{/*paddingonparentfixesthi

javascript - 如果任何 div 有 Class through alert

所以我有这个jQuery函数来检查特定的div是否附加了“红色”类。但是我想知道我如何才能让它检查多个Div而不仅仅是“#Drop1”div。从#Drop1一直到#Drop4,我总共有4个Div。我想让它工作,以便它检查所有4个Div中的“红色”类,如果任何div有这个类,则显示警告消息。我环顾四周,似乎找不到具体的答案。$("Button").click(function(){if($("#Drop1").hasClass("red")){alert("oneofyourDivshastheclassred");}}); 最佳答案

javascript - 如果任何 div 有 Class through alert

所以我有这个jQuery函数来检查特定的div是否附加了“红色”类。但是我想知道我如何才能让它检查多个Div而不仅仅是“#Drop1”div。从#Drop1一直到#Drop4,我总共有4个Div。我想让它工作,以便它检查所有4个Div中的“红色”类,如果任何div有这个类,则显示警告消息。我环顾四周,似乎找不到具体的答案。$("Button").click(function(){if($("#Drop1").hasClass("red")){alert("oneofyourDivshastheclassred");}}); 最佳答案

javascript - 如果任何 Div 是空的做一些事情

我有以下语句检查是否有任何带有id#Drop的Div为空,如果为空则显示警报。但是目前,当任何div中包含内容时,该语句将不再有效。我想我想说的是我想要它,所以如果任何div为空,就会显示一个警告。总共有4个Div,如果其中任何一个为空,则应显示警报消息,例如,如果4个中的3个具有内容,只要有一个空的div,警报就会触发。HTML:JS:$("#run").click(function(){if($("[id^='Drop']").html()===""){alert("empty")//...}}); 最佳答案 使用jQuery:

javascript - 如果任何 Div 是空的做一些事情

我有以下语句检查是否有任何带有id#Drop的Div为空,如果为空则显示警报。但是目前,当任何div中包含内容时,该语句将不再有效。我想我想说的是我想要它,所以如果任何div为空,就会显示一个警告。总共有4个Div,如果其中任何一个为空,则应显示警报消息,例如,如果4个中的3个具有内容,只要有一个空的div,警报就会触发。HTML:JS:$("#run").click(function(){if($("[id^='Drop']").html()===""){alert("empty")//...}}); 最佳答案 使用jQuery:

html - div 高度为 100%,但顶部和/或底部仍有空间

我正在尝试制作一个侧边导航栏,它有一个position:fixed和一个height:100%,但是当我尝试这个时,总是还有空间您可以在div下方和上方看到背景。顺便说一下,我也尝试将height设置为1000px但我仍然遇到同样的问题。HTML:CSS:#navbar{background-color:black;width:100px;height:100%;z-index:99;position:fixed;left:-10px;bottom:10px;}JSFiddle 最佳答案 我猜你正在设置bottom:10px以将你的

html - div 高度为 100%,但顶部和/或底部仍有空间

我正在尝试制作一个侧边导航栏,它有一个position:fixed和一个height:100%,但是当我尝试这个时,总是还有空间您可以在div下方和上方看到背景。顺便说一下,我也尝试将height设置为1000px但我仍然遇到同样的问题。HTML:CSS:#navbar{background-color:black;width:100px;height:100%;z-index:99;position:fixed;left:-10px;bottom:10px;}JSFiddle 最佳答案 我猜你正在设置bottom:10px以将你的

html - 如何使 DIV 元素响应

因此,在我的小型网站上,我有一个使用CSS设置样式的div,当我使用各种分辨率进行测试时,与我的27英寸屏幕相比,该框在11英寸的小屏幕上看起来变形了。我怎样才能使我的700像素高200像素宽的div在所有显示器尺寸上看起来大小相同谢谢这是DIV的CSS:text-align:center;border:3pxsolidblack;padding-bottom:10px;height:700px;width:200px;background-color:white;margin-right:2cm;margin-top:-19cm;margin-left:auto;

html - 如何使 DIV 元素响应

因此,在我的小型网站上,我有一个使用CSS设置样式的div,当我使用各种分辨率进行测试时,与我的27英寸屏幕相比,该框在11英寸的小屏幕上看起来变形了。我怎样才能使我的700像素高200像素宽的div在所有显示器尺寸上看起来大小相同谢谢这是DIV的CSS:text-align:center;border:3pxsolidblack;padding-bottom:10px;height:700px;width:200px;background-color:white;margin-right:2cm;margin-top:-19cm;margin-left:auto;

jquery - 将图像放在 div 元素中并保持图像比例

HTML:CSS:#presentationViewContainer{display:none;position:absolute;width:530px;top:106px;left:28px;box-shadow:0px0px5px4pxrgb(75,80,86);}#presentationView{max-height:100%;max-width:100%;}如果图像处于纵向模式,则实际结果::图像高度太大..图像处于纵向模式时的预期结果:图像应位于红色方block上以查看整个图像:如果图像是横向的实际结果:图像应该居中:图像处于横向模式时的预期结果:图像应居中:JSFID