草庐IT

Container

全部标签

html - 使填充响应

我刚开始使用Bootstrap,一般来说我是前端开发的新手。我遇到了填充问题,因为它在桌面和移动设备上保持相同的大小。HTML代码:Wepossesshighqualityproducts—thereforeourcustomersarealwaysloyalCSS代码:#i-container{border:solid;border-color:rosybrown;padding-left:150pxpadding-top:10px;}正如我上面提到的,在移动设备中,填充保持不变(它似乎没有响应)。顺便说一下,我也尝试过使用em。这也没有帮助。

html - 使填充响应

我刚开始使用Bootstrap,一般来说我是前端开发的新手。我遇到了填充问题,因为它在桌面和移动设备上保持相同的大小。HTML代码:Wepossesshighqualityproducts—thereforeourcustomersarealwaysloyalCSS代码:#i-container{border:solid;border-color:rosybrown;padding-left:150pxpadding-top:10px;}正如我上面提到的,在移动设备中,填充保持不变(它似乎没有响应)。顺便说一下,我也尝试过使用em。这也没有帮助。

html - 如何在不拉伸(stretch)的情况下调整图像大小?

我想要一个其宽度为页面的40%,并被拉伸(stretch)。如何在不拉伸(stretch)的情况下调整它的大小?例如,如果我有一张图片,其文件最初看起来是这样的:____8888____________8888____________8888________在我的网页中,通常情况下,它应该是这样的:____8888____________8888____________8888________一旦我将浏览器缩小一点,max-width(假设本例中为10个字符)将生效。当发生这种情况时,我希望它是:____8888______8888______8888__(就像是从右边切开一样,当然两

html - 如何在不拉伸(stretch)的情况下调整图像大小?

我想要一个其宽度为页面的40%,并被拉伸(stretch)。如何在不拉伸(stretch)的情况下调整它的大小?例如,如果我有一张图片,其文件最初看起来是这样的:____8888____________8888____________8888________在我的网页中,通常情况下,它应该是这样的:____8888____________8888____________8888________一旦我将浏览器缩小一点,max-width(假设本例中为10个字符)将生效。当发生这种情况时,我希望它是:____8888______8888______8888__(就像是从右边切开一样,当然两

html - 元素不会居中,尤其是在调整屏幕大小时

我的问题是我无法将三Angular形指针水平居中。好吧,对于某些窗口大小,我可以将指针居中,但是当我缩小或扩展窗口时,它又会把它放在错误的位置。我错过了什么?body{background:#333333;}.container{width:98%;height:80px;line-height:80px;position:relative;top:20px;min-width:250px;margin-top:50px;}.container-decor{border:4pxsolid#C2E1F5;color:#fff;font-family:times;font-size:1.1

html - 元素不会居中,尤其是在调整屏幕大小时

我的问题是我无法将三Angular形指针水平居中。好吧,对于某些窗口大小,我可以将指针居中,但是当我缩小或扩展窗口时,它又会把它放在错误的位置。我错过了什么?body{background:#333333;}.container{width:98%;height:80px;line-height:80px;position:relative;top:20px;min-width:250px;margin-top:50px;}.container-decor{border:4pxsolid#C2E1F5;color:#fff;font-family:times;font-size:1.1

css - 使用悬停在 div 上更改该 div 内的所有元素

我提前道歉,因为这似乎是一个关于对CSS和Javascript的非常基本的理解的问题。我想做的是:想象一个包含h3和p的div。在div上悬停时,我希望h3和p更改它们的字体粗细。到目前为止,我在这里使用这段代码来更改悬停在div上的不透明度和边框,但我真的不知道如何引用div中的两个元素。真的很抱歉,但我需要有人用非常简单的术语向我解释。例如,我认为div中的那些元素称为子元素,但我什至不确定......我真的是第一次使用所有HTML/CSS/Java东西并尝试随着我的进行,弄清楚事情。到目前为止,我找到的教程网站无法解决我的问题,因此发布了这篇文章。更多背景信息:我正在使用"smo

css - 使用悬停在 div 上更改该 div 内的所有元素

我提前道歉,因为这似乎是一个关于对CSS和Javascript的非常基本的理解的问题。我想做的是:想象一个包含h3和p的div。在div上悬停时,我希望h3和p更改它们的字体粗细。到目前为止,我在这里使用这段代码来更改悬停在div上的不透明度和边框,但我真的不知道如何引用div中的两个元素。真的很抱歉,但我需要有人用非常简单的术语向我解释。例如,我认为div中的那些元素称为子元素,但我什至不确定......我真的是第一次使用所有HTML/CSS/Java东西并尝试随着我的进行,弄清楚事情。到目前为止,我找到的教程网站无法解决我的问题,因此发布了这篇文章。更多背景信息:我正在使用"smo

javascript - jQuery ui 可排序嵌套排序中不准确的占位符放置

我在另一个可排序元素中有一个可排序元素。两者相互连接。按照示例标记:12345678我想做的是在.parent和#container之间拖动多个项目。JS如下:$("#container").on('click','.child',function(){$(this).toggleClass('selected');});$('.parent').sortable({appendTo:"#container",connectWith:'.parent,#container',revert:0,helper:function(e,item){if(!item.hasClass('sele

javascript - jQuery ui 可排序嵌套排序中不准确的占位符放置

我在另一个可排序元素中有一个可排序元素。两者相互连接。按照示例标记:12345678我想做的是在.parent和#container之间拖动多个项目。JS如下:$("#container").on('click','.child',function(){$(this).toggleClass('selected');});$('.parent').sortable({appendTo:"#container",connectWith:'.parent,#container',revert:0,helper:function(e,item){if(!item.hasClass('sele