wordpress - Bulma "is-marginless"类不删除容器组件上的 "margin-right"

标签 wordpress css bulma

我正在尝试使用 Bulma.io 设计一个 WordPress 主题;我想要一个在 container div 元素中包含选项卡和内容的页面。当我应用 Bulma CSS 类 is-marginless 时,三个边距被覆盖,但是 margin-right 没有从类中应用。添加 style="margin-right: 0px !important;",也不会影响视觉效果。

要在选项卡之间切换,我使用来自 The Internet 的代码除了 margin-right 问题外,它可以无缝运行。

考虑到设计已经相对复杂,您可以看到 page for yourself .

Border on the right does not fit the tabs

如您所见,由于 div 元素的右边距,边框与标签线的边框不相交。总的来说,我对 Bulma 和 CSS 还很陌生。

当我打开 Chrome 开发者工具并为给定的 div 找到 is-marginless 的定义时,我可以看到 margin: 0px !important; 已设置,但是当我单击展开箭头,我可以看到 margin-right: 0px !important; 被划掉了,所以由于某种原因它不适用,但我找不到原因。

最佳答案

我已经在类中添加了 is-fullhd 并解决了这个问题,阻塞代码段是 max-width: 1152px;在容器类上,添加类将其增加到最大宽度:1344px;

关于wordpress - Bulma "is-marginless"类不删除容器组件上的 "margin-right",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56221784/

相关文章:

html - Logo 左对齐桌面/然后在移动设备上居中 - Bootstrap

javascript - 在 Vue.js 2.0 中将 css 类添加到 HTML 或 BODY 标记

Windows Azure 上的 Wordpress MultiSite - 带有 www 的域

WordPress 重定向问题, header 已发送

html - 表格内的列表元素文本缩进

html - CSS 导致 chrome 出现空白页面

html - Bulma - 如何使文本和图像内联或彼此相邻?

webpack - 类型错误 : Data must be a string or a buffer when trying touse vue-bulma-tabs

html - 为什么我的图像尺寸过大?

javascript - 为什么wordpress网站显示jquery错误请求?