首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何从colorbox中删除下边距空白

如何从colorbox中删除下边距空白
EN

Stack Overflow用户
提问于 2020-10-02 10:45:40
回答 1查看 123关注 0票数 0

我正在使用colorbox在网页中间打开一个窗口,我使用的是iframe版本。目前,我只是将基本代码作为一个模型来开发,这样我就可以在多个应用程序中实现它。

我试图清理外观并简化它来计算我的应用程序,但我被窗口底部的28像素边距卡住了。通过使用隐藏边框并添加边框类的技术,我已经成功地更新了边距:

代码语言:javascript
复制
$("#cboxContent").addClass("blue_border_example");

其中blue_border_example是我想要的样式。

但是我没有成功地删除28像素的底部空格。它似乎来自id="cboxLoadedContent",所以我尝试在加载的窗口代码中添加以下语句:

代码语言:javascript
复制
$("#cboxLoadedContent").addClass("remove_bottom_margin");

其中remove_bottom_margin是样式:

代码语言:javascript
复制
.remove_bottom_margin { margin-bottom: 0px !important;}

我假设可以将此样式添加到正在加载到iframe中的程序的document ready函数中,但这似乎不起作用。

有没有关于为什么这个不起作用以及我应该怎么做来解决这个问题的想法?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-02 11:53:57

是否需要通过jQuery执行此操作?为什么不直接在你的css中做呢?因此,没有必要使用这两条jQuery行。

将其添加到您的CSS中。

代码语言:javascript
复制
#cboxWrapper #cboxLoadedContent,
#cboxWrapper #cboxContent {
   margin-bottom: 0px;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64165593

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档