个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
目前我的博客分为两个水平部分。主要内容和右侧边栏。
我想将主要内容居中，同时减少侧边栏的宽度，以便保留它。
我该怎么做？
我试过将 margin-left:16% 添加到 .content 但我认为这是不正确的做事方式。
演示地址:https://www.moneynest.co.uk/how-to-choose-a-broker/
注意:我正在使用 Bootstrap 运行带有自定义创世纪主题的 Wordpress。
我的剥离页面代码是:
<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>
最佳答案
要使 .content div 居中，您可以简单地使用:
.content{
margin:0 auto;
}
或
.content {
margin-left:auto;
margin-right:auto;
}
“auto”语句可以解决问题。 ;)
关于html - 如何将我的主要博客内容居中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41876251/
25
4
0
我是一名优秀的程序员,十分优秀！