Bulma“ is-marginless”类不会删除容器组件上的“ margin-right”

时间:2019-05-20 13:16:39

标签: css wordpress css3 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;,但是当我单击展开箭头时,可以看到{{1} }划掉了,所以由于某些原因它并不适用,但是我找不到原因。

1 个答案:

答案 0 :(得分:0)

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