修正左右两侧的不均匀间隙

时间:2018-07-28 07:12:54

标签: javascript html css

我有一个website

请检查屏幕截图和以红色标记的品脱

uneven gapping

注意间隙不均匀

屏幕截图标记为红色

我不知道它是哪里来的,我尝试了一些CSS更改,但没有用

我需要和左边一样的空隙

请帮助我

3 个答案:

答案 0 :(得分:1)

该间隙实际上是均匀的,但是由于滚动条轨道的背景色偏浅,因此看起来可能不均匀。

layout.css中指定颜色:

.nice-scroll .nicescroll-rails {
    background: #666; // This adds the gray background, change it to whatever color you want
    z-index: 9002!important; 
}

注意:将具有要更改的属性的代码添加到覆盖主题或框架样式的任何位置。

答案 1 :(得分:1)

您的滚动条保持右侧宽度的一部分。如果您想平衡左侧和右侧,则可以将padding-left:5px设置为出现问题的部分。由于您使用的是Visual Composer,因此更容易调整行的填充和边距。

或者您可以通过更改现有的CSS来实现。我在这里附上了屏幕截图。 enter image description here

答案 2 :(得分:1)

发生这种情况是由于您的滚动条自定义。有一些内联css样式,这意味着您已使用javascript函数向section div中添加了一些css样式。在我的电脑上,显示如下。

padding

要解决此问题。您应该通过添加padding-right: 10px; vlaue来修改样式。

"http://itunes.apple.com/lookup?bundleId=com.app.id"

我认为这会起作用。试试吧。