文章/答案/技术大牛

发布

社区首页 >问答首页 >我怎样才能集中我的主要博客内容？

问我怎样才能集中我的主要博客内容？
EN

Stack Overflow用户

提问于 2017-01-26 14:55:08

回答 2查看 78关注 0票数 0

目前，我的博客被分成两个横向部分。主要内容和右手边栏。

我想中心的主要内容，同时减少边栏的宽度，以便我可以保留它。

我该怎么做？

我尝试过将margin-left:16%添加到.content中，但我认为这是不正确的做法。

演示at：https://www.moneynest.co.uk/how-to-choose-a-broker/

注意:我正在使用运行，它具有一个自定义的成因主题。

我剥离的页面代码是：

<html>
<body class="post-template-default single single-post postid-594 single-format-standard logged-in admin-bar no-customize-support nolayout windows chrome override" itemscope itemtype="http://schema.org/WebPage"><div class="site-container">
<div class="site-inner">    
    <div class="content">
        <div id="container">
            <div class="central-container">
                <div class="middle-content">
                <div class="inner-post-head">
                </div>
                    <div class="data-content">
    <!--MAIN CONTENT HERE -->         
                  </div><!-- End .middle-content -->
    </div>
        </div><!-- End #container -->
  </div><!-- End #content -->
     <aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar" itemscope itemtype="http://schema.org/WPSideBar" id="genesis-sidebar-primary"><h2 class="genesis-sidebar-title screen-reader-text">Primary Sidebar</h2><section id="text-9" class="widget widget_text"><div class="widget-wrap">          <div class="textwidget">
 <!--SIDE BAR CONTENT HERE--></div>
  <!--<div id="popular-articles">
    <p class="popular-articles-text">Popular articles</p>
  </div>-->
</div>
</div>
        </div>
<section id="text-10" class="widget widget_text"><div class="widget-wrap"   
        </div></section>
        </div>
        </aside>
<!--END OF SIDEBAR--!>
<!--FOOTER STUFF-->
        </body>
</html>

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-01-26 15:29:58

要对.content div进行中心设置，只需使用：

.content{
    margin:0 auto;
}

或

.content {
    margin-left:auto;
    margin-right:auto;
}

“自动”语句起了作用。;)

票数 3

Stack Overflow用户

发布于 2017-01-26 16:01:32

确保丢失的支架没有抛掉东西。我将括号添加到代码中(以粗体表示)

</div>
<section id="text-10" class="widget widget_text"><div class="widget-wrap"**>**   
        </div></section>
        </div>
        </aside>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41876251

复制

相似问题

问我怎样才能集中我的主要博客内容？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我怎样才能集中我的主要博客内容？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我怎样才能集中我的主要博客内容？
EN