gpt4 book ai didi

html - 如何将我的主要博客内容居中?

转载 作者:太空宇宙 更新时间:2023-11-03 22:46:09 25 4
gpt4 key购买 nike

目前我的博客分为两个水平部分。主要内容和右侧边栏。

我想将主要内容居中,同时减少侧边栏的宽度,以便保留它。

我该怎么做?

我试过将 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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com