如何去除jquery ui手风琴中的左右边距？

我正在使用JQuery UI手风琴来表示我的数据。但是我想删除手风琴的左右边距，以便使用整个页面进行数据表示。我用margin-left and margin-right管理它，但没有获得完美的利润率。如何去除jquery ui手风琴中的左右边距？

我的代码是在这里：

HTML：

<div id="acc_main" class="acc"> 
<h3>Main Section</h3> 

<div id="acc_camp" class="acc"> 
    <h3>Camp 1</h3> 

    <div class="acc"> 
     <h3>Section 1</h3> 

     <div>1st section</div> 
     <h3>Section 2</h3> 

     <div>2nd section</div> 
     <h3>Section 3</h3> 

     <div>List : 1</div> 
    </div> 
    <h3>Camp 2</h3> 

    <div class="acc"> 
     <h3>Section 1</h3> 

     <div>1st section</div> 
     <h3>Section 2</h3> 

     <div>2nd section</div> 
     <h3>Section 3</h3> 

     <div>List : 2</div> 
    </div> 
    <h3>Camp 3</h3> 

    <div class="acc"> 
     <h3>Section 1</h3> 

     <div>1st section</div> 
     <h3>Section 2</h3> 

     <div>2nd section</div> 
     <h3>Section 3</h3> 

     <div>List : 2</div> 
    </div> 
</div>

CSS：

h3 { 
text-align: center; 
} 
.ui-accordion { 
margin-left: 0px; 
} 
.ui-accordion-header { 
height: 15px; 
} 
.ui-accordion .ui-accordion-header { 
margin-left: -20px; 
margin-right: -25px; 
} 
.ui-accordion .ui-accordion { 
margin-left: -20px; 
margin-right: -25px; 
} 
.ui-accordion .ui-accordion .ui-accordion { 
margin-left: -20px; 
margin-right: -25px; 
} 
.ui-accordion .ui-accordion .ui-accordion-header { 
margin-left: -20px; 
margin-right: -25px; 
} 
.ui-accordion-content { 
margin-left: -20px; 
margin-right: -25px; 
}

JQuery的：

$(document).ready(function() { 
var icons = { 
    header: "ui-icon-circle-plus", 
    activeHeader: "ui-icon-circle-minus" 
}; 
$(".acc").accordion({ 
    active: false, 
    collapsible: true, 
    heightStyle: "content", 
    icons: icons 
}); 
});

的jsfiddle页：

Fiddle

来源

2014-01-07 Ankit Lamba

这已经是100％时，除去利润率和添加余量：0至身体。 – Era

in css：'.yourelemclassname {margin-left：0; margin-right：0;}'或者你也可以使用'！important'css hack来应用它。 – Jai

有没有使用填充的方法？ –

这是你想要的：demo

body {margin:0} 
.ui-accordion .ui-accordion-content {padding:0px }

来源

2014-01-07 06:32:08 Era

不，我希望所有部分填充主要部分内的100％区域。 –

好吧，我在回答中在CSS中添加了一个更多规则。再次检查演示。那会做。 – Era

这就是我想要的......谢谢.... :) –

是你的答案？ demo

#acc_main{margin:1px;} 
#acc_camp{padding:2px;}

来源

2014-01-07 06:42:38

如何去除jquery ui手风琴中的左右边距？

回答

相关问题