我将 margin-auto 放入 toggle 类在我的网站上。它有点像中间但它没有与按钮对齐。我是否需要在CSS或JavaScript中执行某些操作以及我应该放在哪里？
＆lt; style＆gt;＆＃xD;＆＃xA; .toggler {width：500px;身高：200px;位置：相对;边距：0;保证金右：自动;边距：0;＆＃的xD;＆＃XA; }＆＃的xD;＆＃XA; #button {padding：.5em 1em; text-decoration：none; }＆＃的xD;＆＃XA; #effect {width：240px;身高：170px;填充：0.4em;位置：相对; }＆＃的xD;＆＃XA; #effect h3 {margin：0;填充：0.4em; text-align：center; }＆＃的xD;＆＃XA; .ui-effects-transfer {border：2px点灰色; }＆＃的xD;＆＃XA; .kiri {文本对齐：中心;}＆＃的xD;＆＃XA;＆LT; /风格＆GT;＆＃的xD;＆＃XA; ＆lt; script src =“https://code.jquery.com/jquery-1.12.4.js”＆gt;＆lt; / script＆gt;＆＃xD;＆＃xA; ＆lt; script src =“https://code.jquery.com/ui/1.12.0/jquery-ui.js”＆gt;＆lt; / script＆gt;＆＃xD;＆＃xA; ＆LT;脚本＆GT;＆＃的xD;＆＃XA; $（function（）{＆＃xD;＆＃xA; //运行当前选中的效果＆＃xD;＆＃xA;函数runEffect（）{＆＃xD;＆＃xA; //从＆＃xD获取效果类型; ＆＃xA; var selectedEffect = $（“＃effectTypes”）。val（）;＆＃xD;＆＃xA;＆＃xD;＆＃xA; //大多数效果类型默认情况下不需要传递选项＆＃xD;＆ #xA; var options = {};＆＃xD;＆＃xA; //某些效果需要参数＆＃xD;＆＃xA; if（selectedEffect ===“scale”）{＆＃xD;＆＃xA; options = {percent：50};＆＃xD;＆＃xA;} else if（selectedEffect ===“transfer”）{＆＃xD;＆＃xA; options = {to：“#button”，className：“ ui-effects-transfer“};＆＃xD;＆＃xA;} else if（selectedEffect ===”size“）{＆＃xD;＆＃xA; options = {to：{width：200，height：60 ＆＃xD;＆＃xA;}＆＃xD;＆＃xA;＆＃xD;＆＃xA; //运行效果＆＃xD;＆＃xA; $（“＃effect”）。效果（ selectedEffect，options，500，callback）;＆＃xD;＆＃xA;};＆＃xD;＆＃xA;＆＃xD;＆＃xA; //带回隐藏框的回调功能＆＃xD;＆＃ xA;函数回调（）{＆＃xD;＆＃ XA; setTimeout（function（）{＆＃xD;＆＃xA; $（“＃effect”）。removeAttr（“style”）。hide（）。fadeIn（）;＆＃xD;＆＃xA;}，1000）; ＆＃的xD;＆＃XA; };＆＃的xD;＆＃XA; ＆＃的xD;＆＃XA; //从选择菜单值＆＃xD;＆＃xA;设置效果$（“＃button”）。on（“click”，function（）{＆＃xD;＆＃xA; runEffect（）;＆＃xD;＆＃xA; return false;＆＃xD;＆＃xA;} ）;＆＃的xD;＆＃XA; }）;＆＃xD;＆＃xA; ＆LT; /脚本＆GT;＆＃的xD;＆＃XA;＆LT; /头＆GT;＆＃的xD;＆＃XA;＆＃的xD;＆＃XA;＆LT;主体＆GT;＆＃的xD;＆＃XA; ＆LT; NAV＆GT;＆＃的xD;＆＃XA; ＆LT; UL＆GT;＆＃的xD;＆＃XA; ＆lt; li＆gt;＆lt; a href =“CONTACT.html”＆gt;联系＆lt; / a＆gt;＆lt; / li＆gt;＆＃xD;＆＃xA; ＆lt; li＆gt;＆lt; a href =“JSBASICS.html”＆gt; JQUERY TIPS＆lt; / a＆gt;＆lt; / li＆gt;＆＃xD;＆＃xA; ＆lt; li＆gt;＆lt; a href =“JQUERYBASICS.html”＆gt; JS TIPS＆lt; / a＆gt;＆lt; / li＆gt;＆＃xD;＆＃xA; ＆lt; li＆gt;＆lt; a href =“INFO.html”＆gt;信息＆lt; / a＆gt;＆lt; / li＆gt;＆＃xD;＆＃xA; ＆lt; li＆gt;＆lt; a href =“ABOUT.html”＆gt;关于＆lt; / a＆gt;＆lt; / li＆gt;＆＃xD;＆＃xA; ＆lt; li＆gt;＆lt; a href =“home.html”＆gt;主页＆lt; / a＆gt;＆lt; / li＆gt;＆＃xD;＆＃xA; ＆LT; / UL＆GT;＆＃的xD;＆＃XA; ＆LT; / NAV＆GT;＆＃的xD;＆＃XA;＆＃的xD;＆＃XA;＆＃的xD;＆＃XA; ＆lt; h2＆gt; Jquery提示＆lt; / h2＆gt;＆＃xD;＆＃xA; ＆lt; p id =“js”＆gt; JavaScript / jQuery是一种编程语言，可用于为您的网页添加交互性。＆lt; / p＆gt;＆＃xD;＆＃xA; ＆lt; p id =“poo”＆gt;如果你把鼠标放在上面的句子上，将会有一个淡蓝色突出显示使用＆lt; a href =“https://www.sitepoint.com/web-foundations/onmouseover-html-element/制作的浅灰色背景“＆gt;＆lt; span class =”pink“＆gt; onmouse event。＆lt; / span＆gt;＆lt; / a＆gt;＆＃xD;＆＃xA; ＆＃的xD;＆＃XA; ＆lt; div class =“footer”＆gt;＆＃xD;＆＃xA; ＆lt; span class =“flatorange”＆gt; @ 2016-20XX＆amp;＃8226 Nia Daniels＆amp;＃8226 FINAL EXAM＆amp;＃8226 CIST1520＆lt; / span＆gt;＆lt; br＆gt;＆＃xD;＆＃xA; ＆lt; span class =“flatblue”＆gt; Scripting Technologies＆lt; / span＆gt;＆lt; br＆gt;＆＃xD;＆＃xA; ＆lt; span class =“flatgreen”＆gt; Mr.Cash＆lt; / span＆gt;＆lt; br＆gt;＆＃xD;＆＃xA; ＆LT; / DIV＆GT;＆＃的xD;＆＃XA;＆＃的xD;＆＃XA; ＆lt; div class =“toggler”＆gt;＆＃xD;＆＃xA; ＆lt; div id =“effect”class =“ui-widget-content ui-corner-all”＆gt;＆＃xD;＆＃xA; ＆lt; h3 class =“ui-widget-header ui-corner-all”＆gt; 2 Jquery Effects＆lt; / h3＆gt;＆＃xD;＆＃xA; ＆lt; p id =“hmm”＆gt; eres una mujer o hombre？大豆una mujer。 quiero una pizza。 queires una pizza o no？＆lt; / p＆gt;＆＃xD;＆＃xA; ＆LT; / DIV＆GT;＆＃的xD;＆＃XA; ＆LT; / DIV＆GT;＆＃的xD;＆＃XA;＆＃的xD;＆＃XA; ＆lt; div class =“kiri”＆gt;＆＃xD;＆＃xA;＆lt; select name =“effects”id =“effectTypes”＆gt;＆＃xD;＆＃xA; ＆lt; option value =“bounce”＆gt; Bounce＆lt; / option＆gt;＆＃xD;＆＃xA; ＆lt; option value =“clip”＆gt; Clip＆lt; / option＆gt;＆＃xD;＆＃xA;＆lt; / select＆gt;＆lt; / div＆gt;＆＃xD;＆＃xA; ＆lt; div class =“kiri”＆gt;＆＃xD;＆＃xA;＆lt; button id =“button”class =“ui-state-default ui-corner-all”＆gt;运行Le Effect＆lt; / button＆gt;＆lt; ; / DIV＆GT;＆＃的xD;＆＃XA;＆LT;脚本＆GT; ＆＃的xD;＆＃XA; 答案 0 :(得分：0)
将margin: 0 auto;添加到.toggler和#effect，它应该可以解决问题。由于您在#effect上设置了宽度，因此您需要自动边距来为您处理居中。